jquery如何获得option的值和对option进行操作（jq显示、隐藏option标签）

最新推荐文章于 2026-06-06 07:51:43 发布

原创最新推荐文章于 2026-06-06 07:51:43 发布 · 4.2k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

javascript

当前文章被收录于：

javascript

4 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种使用JavaScript和jQuery实现的规格值联动效果。当选择一个规格值时，另一个规格栏会自动隐藏已选中的规格值，以避免重复选择。通过监听select元素的onchange事件，实现了两个规格选项之间的动态交互。

选中一规格值，另一栏的规格列表隐藏该规格值

        if(spec=="spec1"){
            $("#spec2 option").show();
            var values = $("#spec1").val();
            $("#spec2 option[value="+values+"]").hide();
        }
        if(spec=="spec2"){
            $("#spec1 option").show();
            var values = $("#spec2").val();
            $("#spec1 option[value="+values+"]").hide();
        }

<select name="spec1" id="spec1" onchange="specSelect(this,'spec1')">
    <option value="0" >==选择规格1==</option>
    <option value="1">去</option>
    <option value="2">来</option>
    <option value="3">走</option>
</select>
       			
<select name="spec2" id="spec2" onchange="specSelect(this,'spec1')">
    <option value="0" >==选择规格2==</option>
    <option value="1">去</option>
    <option value="2">来</option>
    <option value="3">走</option>
</select>

标签

#jq显示、隐藏option标签