2

それぞれ項目 2 と 6 のリストを含む 2 つのドロップダウンがあります。最初のドロップダウン項目を選択すると、2 番目の項目のリストは 6 になり、最初のドロップダウンで他の値を選択すると、項目のリストは 2 番目のドロップダウンで 5 になるはずです。

ここでコードを見つけてください：

<select id="firstdropdown">
    <option value="1">Test</option>
    <option value="2">Testing</option>
</select>
<select id="seconddropdown">
    <option value="1">test1</option>
    <option value="2">test2</option>
    <option value="3">test3</option>
    <option value="4">test4</option>
    <option value="5">test5</option>
    <option value="6">test6</option>
</select>

誰かがjqueryまたはjavascriptで解決策を提案できますか?

4

4 に答える 4

6

lastこのようにして、アイテムを表示/非表示にしたいと思いました。を与えることで、希望する値に変更できますindex。

ライブデモ

$('#firstdropdown').change(function(){
    if($(this).val() == "2")
        $('#seconddropdown option:eq(5)').hide();
    else
        $('#seconddropdown option:eq(5)').show();
});​
于 2012-12-14T10:18:26.297 に答える
2

私の理解では、最初のドロップダウンの2番目のオプションのアイテムを削除しています

 $("#firstdropdown").change(function() {
    if(this.value === "2") $("#seconddropdown option:last").remove();
    //here you are just removing last item    
})
于 2012-12-14T10:18:45.917 に答える
0

このようなもの ：

$("#firstdropdown").change(function() {
    if(this.value === "1") $("#seconddropdown").val("6");
    else $("#seconddropdown").val("5");
})

編集: jsfiddle を追加: http://jsfiddle.net/scaillerie/WGhLA/

于 2012-12-14T10:17:29.170 に答える
0

ドロップダウンのアイテムを非表示にする必要がある場合は、「eq」のインデックスを変更するだけです

 $('#firstdropdown').change(function(){
     if($(this).val() == "2")
        $('#seconddropdown option:eq(3)').hide(); // change the index of 'eq' 
     else
        $('#seconddropdown option:eq(3)').show();
  });​
于 2012-12-14T11:24:49.137 に答える