动态更改选择元素的内容是JavaScript的强大功能,同样实用。 它构成了实现相互依赖的选择菜单的基础,其中一个菜单的选择改变了另一个菜单的内容。 在本教程中,让我们看看如何完成此操作,以及如何使用该技术创建2级相互依赖的选择列表。 听起来很有趣!
基本技术
使用JavaScript更改select元素内容的基本技术分为两部分。 我将使用以下SELECT元素作为示例:
1
2
3
4
五
6
7
|
<font style=
"vertical-align: inherit;"
><font style=
"vertical-align: inherit;"
><form name =“myform”></font></font><font></font><font style=
"vertical-align: inherit;"
><font style=
"vertical-align: inherit;"
>
<select name =“master”size =“1”></font></font><font></font><font style=
"vertical-align: inherit;"
><font style=
"vertical-align: inherit;"
>
<option value =“newsvalue”>新闻</ option></font></font><font></font><font style=
"vertical-align: inherit;"
><font style=
"vertical-align: inherit;"
>
<option value =“webmastervalue”>网站管理员</ option></font></font><font></font><font style=
"vertical-align: inherit;"
><font style=
"vertical-align: inherit;"
>
<option value =“techvalue”> Tech </ option></font></font><font></font><font style=
"vertical-align: inherit;"
><font style=
"vertical-align: inherit;"
>
</选择></font></font><font></font><font style=
"vertical-align: inherit;"
><font style=
"vertical-align: inherit;"
>
</ FORM></font></font>
|
来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/69933200/viewspace-2653514/,如需转载,请注明出处,否则将追究法律责任。
转载于:http://blog.itpub.net/69933200/viewspace-2653514/