0

ドロップダウン ボックスでアイテムを選択して、div を非表示および表示しています。私はjqueryが初めてです。p1、p2、およびp3が選択されている場合、idがspecify-sourceのdivが表示されるように、複数の値をテストできるようにしたいと考えています。これまでのところ、p1 で動作します。複数の値に対してこれをどのように書くことができますか?

<select name = "genericId" id="myselect" >
<option value="p1">Section1</option>
<option value="p2">Section2</option> 
<option value="p3">Section3</option>
<option value="j2">Section4</option> 
<option value="j3">Section5</option>
</select>

 <div id="specify-source">
    <p class="headerSection">Select Branch</p>
    <select name="listOfBranches" id="brnlist">
        <option value="0">Branch 1</option>
        <option value="1">Branch 2</option>
        <option value="2">Branch 3</option>
    </select>
</div>

これは機能します。

  $('#myselect').change(function () {
        ($(this).val() == "p1") ? $('#specify-source').show() : $('#specify-source').hide();
    });

p1、p2、p3 のような複数の値をテストしたい

4

2 に答える 2

0

Jquery のドキュメントから

要素の場合<select multiple="multiple">、.val() メソッドは、選択された各オプションを含む配列を返します。

http://api.jquery.com/val/

配列をループして、それらのいずれかが存在するかどうかを確認できます。

于 2013-10-04T13:39:50.477 に答える