怎么动态给select添加数据

怎么动态给select添加数据,第1张

<html>

<head>

</head>

<body>

<form name="form1" method="post" action="">

<select name="list" size="1" onChange="doChange()"></select>

</form>

</body>

</html>

<script language="javascript">

var yearList = new Array()

for(var i=0 i<10 i++)

{

yearList[i] = i

}

for(var i=0 i<10 i++)

{

document.form1.list.options[i] = new Option(yearList[i],yearList[i])

}

document.form1.list.length = 10

function doChange()

{

var index = document.form1.list.selectedIndex

var countryName = document.form1.list.options[index].value

alert(index+" "+countryName)

}

</script>

如上,直接新增 Option 对象就可以了

可以使用javascript动态生成option标签:

<html>

<body  >

<select id="select1"></select>

<script>

var objSelectNow=document.getElementById("select1")

var inner="<option value='1'>1</option>"

objSelectNow.innerHTML=inner

var objOption = document.createElement("OPTION")

  objOption.text= 2

  objOption.value=2

  objSelectNow.options.add(objOption)

</script>

</body>

</html>

纯粹的HTML5应用很少,甚至只有一个view是用WebView/UIWebView的方式越来越常见了。 基本上只要对那个view长按,然后看是不是有反应,比如手机震动(Android)、或者出现文字选择粘贴(Android/iOS)


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11943274.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存