更改动态选择元素内容（2）

循环并更改选择元素内容

重新填充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博客 ” ，链接：http://blog.itpub.net/69933200/viewspace-2653542/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/69933200/viewspace-2653542/