0

3 つのドロップダウン リストがあります。1) タイプ 2) 期間 3) クラス

<select name="passenger_type_of_pass" class="pass">
    <option value="">- - Type - -</option>
    <?
       $result_type_of_pass = myquery($type_of_pass);                                           
       while($row = mysql_fetch_array($result_type_of_pass))
       {
          echo "<option value=\"" . $row['product_name'] . "\">" . $row['product_name'] . "</option>";  
       }
    ?>
</select>

<select name="passenger_duration" class="duration">
    <option>--Duration--</option>
</select>

<select name="passenger_class" class="class">
    <option>--Class--</option>
</select>

jQueryを使用して、各選択ボックスに変更があると更新します。

        $(".pass").change(function()
        {
            var pass=$(this).val();
            var dataString = 'pass='+ pass;

            $.ajax
            ({
                type: "GET",
                url: "duration.php",
                data: dataString,
                cache: false,
                success: function(html)
                {
                    $(".duration").html(html);
                }
            });

        });

        $(".duration").change(function()
        {
            var duration=$(this).val();
            var pass=$(".pass").val();
            var dataString = 'pass='+ pass + '&duration=' + duration;

            $.ajax
            ({
                type: "GET",
                url: "class.php",
                data: dataString,
                cache: false,
                success: function(html)
                {
                    $(".class").html(html);
                }
            });

        });

このコードを変更して、「type_of_pass」を選択するとすぐに「duration」ドロップダウン リストが入力され、一番上のオプションも選択されるようにしたいと思います!! この自動選択された期間で、クラスを検索するための jQuery が実行され、選択された一番上のオプションが取り込まれます。

現在、私のコードでは、クラスを作成するために期間を変更する必要があります。

ありがとう

4

1 に答える 1

0

次のように入力した後、変更イベントをトリガーします

$('.duration').change():

コード：

$.ajax({
    type: "GET",
    url: "duration.php",
    data: dataString,
    cache: false,
    success: function(html) {
        $(".duration").html(html);
        $(".duration").change(); // here to trigger a change
    }
});

あなたができる特定のオプションを設定するには

$('.duration option:eq(1)').prop('selected', true); // here I set the second option

デモ

于 2012-05-30T10:12:38.440 に答える