1

次の選択オプションがあります。

<select id='media' name='media'>
   <option value='1'>media1</option>
   <option value='2'>media2</option>
   <option value='3'>media3</option>
</select>

そして、次の jquery コードを使用して、選択した値を表示します。

$(document).ready(function() {  
    $("#media").change(function() {
        var id = $(this).val();
        alert(id);
    });
});

問題は、Media1 を選択した場合に初めてページを読み込んだ後、何も表示されないことです。media2 または media3 を選択すると、値が正しく表示されます。media2 または media3 を選択した後に media1 を選択しても、media1 の値は通常どおり表示されます。おそらくこれは、ページの読み込み時に media1 がデフォルトで選択される最初のオプションであり、最初に同じ media1 オプションを選択すると、選択オプションの値が同じ (media1) のままになるためです。

これを解決するには？つまり。最初に最初のオプションを選択しても、その値が表示されます。

4

4 に答える 4

0

選択ボックスのページ読み込み時に変更イベントをトリガーできます。この方法では、最初の項目が選択ボックスに入力されるとすぐにイベントが発生します。

例: $("#select").trigger('change');

于 2014-12-06T18:00:21.640 に答える