<abbr id="aqjun"></abbr>

在線等，急，select怎么判斷聯(lián)動的問題

js怎么實(shí)現(xiàn)當(dāng)?shù)谝粋€(gè)select選中2時(shí)，第二個(gè)select的第一個(gè)optionvalue就變成了2，自動過濾掉value=1的option?
在線等，急急

    <select id="s1" onchange="bb()">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
    </select>

    <select id="s2">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
    </select>

    <script type="text/javascript">

        var s1Val=$("#s1 option:selected");
        var s2Val=$("#s2 option:selected");

        function bb(){
            console.log(s1Val.val());
        }

    </script>

回答

編輯回答

念舊

var s1Val=$("#s1 option:selected")val();
var s2Va= s1Val==2 ? $('#s2').val(2) :$('#s2').val($("#s2 option:selected")val())

2017年12月12日 00:20

編輯回答

來守候

用change事件啊，獲取到第一個(gè)的$("#s1 option:selected")的下標(biāo)，然后根據(jù)這個(gè)下標(biāo)減1，刪掉第二個(gè)下拉菜單的對應(yīng)的option不就行了

2017年9月23日 23:14

編輯回答

淚染裳

<select id="s1" onchange="bb(this)">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
</select>

<select id="s2">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
</select>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
    function bb(_this) {
        //$("#s2 option[value='" + $(_this).val() + "']").attr("selected", "selected");
        $("#s2").children("option").each(function () {
            var temp_value = $(this).val();
            if (temp_value <= $(_this).val()) {
                $(this).attr("disabled", "disabled");
            }
        });
    }
</script>

不知道是不是樓主想要的....

應(yīng)該是這樣吧...我猜的！

<script type="text/javascript">
    function bb(_this) {
        $("#s2 option[value='" + $(_this).val() + "']").attr("selected", "selected");
        $("#s2").children("option").each(function () {
            var temp_value = $(this).val();
            if (temp_value < $(_this).val()) {
                $(this).hide();
            } else {
                $(this).show();
            }
        });
    }
</script>

2018年7月8日 00:09