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

要使用JavaScript更改“主”内容，请执行以下操作：

1）通过将Options数组的长度设置为0来删除所有选项

1	<font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" >document.myform.master.options.length = 0</font></font>

执行上述操作会立即清空select元素，准备填充新数据。

2）使用每个选项上的Option（）构造函数，使用新选项（也称为内容）重新填充选择菜单：

1 2 3

<font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" >document.myform.master.options [0] =新选项（“Sports”，“sportsvalue”， true ， false ）</font></font><font></font><font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" > document.myform.master.options [1] =新选项（“Music”，“musicvalue”， false ， false ）</font></font><font></font><font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" > document.myform.master.options [2] =新选项（“Movies”，“moviesvalue”， false ， false ）</font></font>

选择菜单现在重新填充3个新条目（“体育”，“音乐”和“电影”）。

如果您想知道，Option（）构造函数支持以下四个参数，后两个可选：

1	<font style= "vertical-align: inherit;" ><font style= "vertical-align: inherit;" >新选项（text，value，defaultSelected，selected）</font></font>

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

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