ITPub博客

首页 > IT职业 > IT生活 > 更改动态选择元素内容(2)

更改动态选择元素内容(2)

原创 IT生活 作者:cenfeng 时间:2019-08-13 15:37:35 0 删除 编辑

循环并更改选择元素内容

重新填充select元素的内容时,您可能希望使用循环而不是逐个更改每个选项。 此外,可能无法预先知道选项的总数(例如上面的3),因此您需要一种动态方式来添加要选择的新选项。 在这种情况下,请使用以下内容:

1
2
3
4
<font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" > var master = document.myform.master</font></font><font></font><font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" >
for (i = 0; i <somevariable; i ++){</font></font><font></font><font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" >
     master.options [master.options.length] =新选项(...)</font></font><font></font><font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" >
}</font></font>

这里的关键是属性“options.length”,它自动将1添加到select元素的当前长度。 这使您可以在select元素的末尾添加新选项,而无需了解有关其现有长度的任何信息。


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69933200/viewspace-2653542/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-06-18

  • 博文量
    125
  • 访问量
    129471