ITPub博客

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

更改动态选择元素内容

原创 IT生活 作者:cenfeng 时间:2019-08-13 14:06:19 0 删除 编辑

动态更改选择元素的内容是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博客 ” ,链接:https://blog.itpub.net/69933200/viewspace-2653514/ ,如需转载,请注明出处,否则将追究法律责任。

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

注册时间:2019-06-18

  • 博文量
    125
  • 访问量
    129473