JS实现下拉列表中的联动(根据所选的text的值,改变另外一个下拉列表中国的值(text))

实现两个下拉列表中的联动问题,根据第一个下拉列表中的值改变另外一个下拉列表中的值,选择的是text的值,改变的也是text的值,如下面的下拉列表,根据国籍选择相应的证件类型(若非中国国籍,默认选择护照)

 

<tr>
                <td style="text-align: right">
                    国&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 籍:
                </td>
                <td width="20%">
                    <asp:DropDownList ID="ddlGJ" runat="server" Height="20px" Width="142px" runat="server"  onChange= "GetHuZhao()">
                    </asp:DropDownList>
                </td>
                <td style="text-align: right" width="12%">
                    证件类型
                    <%--<asp:LinkButton ID="lkbHospNo" Text="11" ForeColor="blue" 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的 JavaScript 下拉列表二级联动的示例,包括男女和特征两个下拉列表。当用户选择男或女时,特征下拉列表的选项将会发生相应的变化。 HTML 代码: ``` <form> <label for="gender">性别:</label> <select id="gender" name="gender"> <option value="male">男</option> <option value="female">女</option> </select> <label for="feature">特征:</label> <select id="feature" name="feature"> <option value="height">身高</option> <option value="weight">体重</option> </select> </form> ``` JavaScript 代码: ``` // 获取 select 元素 var genderSelect = document.getElementById("gender"); var featureSelect = document.getElementById("feature"); // 当用户选择男或女时,特征下拉列表的选项将会发生相应的变化 genderSelect.addEventListener("change", function() { // 清空特征下拉列表的选项 featureSelect.innerHTML = ""; // 根据用户选择的性别,动态添加特征下拉列表的选项 if (genderSelect.value === "male") { var option1 = document.createElement("option"); option1.text = "身高"; option1.value = "height"; featureSelect.add(option1); var option2 = document.createElement("option"); option2.text = "体重"; option2.value = "weight"; featureSelect.add(option2); } else if (genderSelect.value === "female") { var option1 = document.createElement("option"); option1.text = "体重"; option1.value = "weight"; featureSelect.add(option1); var option2 = document.createElement("option"); option2.text = "身高"; option2.value = "height"; featureSelect.add(option2); } }); ``` 当用户选择男性时,特征下拉列表会显示“身高”和“体重”选项。当用户选择女性时,特征下拉列表会显示“体重”和“身高”选项。这是一个简单的二级联动示例,你可以在此基础上进行更复杂的开发。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值