ITPub博客

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

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

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

要使用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博客 ” ,链接:https://blog.itpub.net/69933200/viewspace-2653531/ ,如需转载,请注明出处,否则将追究法律责任。

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

注册时间:2019-06-18

  • 博文量
    125
  • 访问量
    129475