0

Webページで7つのオプション項目を設定しています。最初のオプション ラベルをクリックしたときにオプション項目を変更するにはどうすればよいですか?

  • (コードのイメージ)
  • ■オプション1 A、B、C
  • □オプション2 (A:10、B:20、C:30)
  • □オプション3 (A:15、B:25、C:35)
  • ...

  • □オプション7 (A:18、B:28、C:38)

  • （結果）

  • option1のAボタンを選択した場合
  • オプション 2 ->10
  • オプション 3 ->15
  • ...
  • オプション 7 ->18

(実際のコードサンプル)

Selection of A, B, C
<select name="preset" id="SaveAccount3" type="submit" value="option1" />
                 <option value="A">A</option>
                 <option value="B">B</option>
                 <option value="C">C</option>
</select>

<ul id="measureid">
            <li><label for="CreditcardMonth">option2</label>
            <select id="measureidsize1" name="measure1" class="chkselect">
                <option value="10">10</option>
                <option value="20">20</option>
                <option value="30">30</option>
            </select></li>

            <li><label for="CreditcardMonth">option3</label>
            <select id="measureidsize1" name="measure1" class="chkselect">
                <option value="15">15</option>
                <option value="25">25</option>
                <option value="35">35</option>
            </select></li>

<!-- abbreviation -->

            <li><label for="CreditcardMonth">option7</label>
            <select id="measureidsize1" name="measure1" class="chkselect">
                <option value="18">18</option>
                <option value="28">28</option>
                <option value="38">38</option>
            </select></li>
4

2 に答える 2

0

jQuery を使用して、このようなことを行うことができます。

change イベントを使用し、それに応じて値を設定します。

次のコードは、開始するためのものです。

$('#SaveAccount3').change(function(){
    var val = $(this).val();

    //you can write your logic with if-else or switch construct

    $('#measureidsize1').val('50'); //you can set value like this
    //if you set value beside what is there in options for that select box it won't set

});
于 2013-08-20T06:09:33.890 に答える