使用javaScript批量修改下拉框组的值

最新推荐文章于 2025-01-05 19:08:34 发布

weixin_34184561

最新推荐文章于 2025-01-05 19:08:34 发布

阅读量561

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/xiaozhiwen/blog/1648656

本文介绍了一种使用JavaScript设置HTML中select元素onChange事件的方法。通过主下拉框改变时更新一组从属下拉框的值，实现了联动效果。此方法适用于表单中需要根据一个选择项动态更新其他选项的情况。

2019独角兽企业重金招聘Python工程师标准>>>

设置select的onChange

onChange="setStatus('FlagAll','Flag')"

FlagAll 为主下拉框的 name

Flag为下拉框组的 name

JavaScript如下

function setStatus(FlagAll, Flag) {
            var FlagAll= document.getElementById(FlagAll);
            var Flag= document.getElementsByName(Flag);
            for (var i = 0; i < Flag.length; i++) {
                Flag[i].value = FlagAll.value;
            }
        }

循环把下拉框组的value全部设置成主下拉框的值

转载于:https://my.oschina.net/xiaozhiwen/blog/1648656