jquery - jQueryは変更時に選択値を検出できますが、ページの読み込みでは検出できませんか?

Question

私のページには、booking[car_id] という名前の select 要素があります。

オプションが変更されたときに値を検出できますが、ページの読み込み時に値を取得しようとすると、「未定義」になります。

したがって、これは問題なく動作します:

$('select[name=booking\\[car_id\\]]').change(function() {
    alert(this.value);
});

これは undefined を返します:

alert($('select[name=booking\\[car_id\\]]').value);

簡単なものがありませんか？

アドバイスをいただければ幸いです。

ありがとう

score 3 · Accepted Answer

メソッドを使用する必要がありますval。jQuery オブジェクトにはプロパティがありませんvalue。また、DOM の準備が整っていることを確認してください。

$(function(){
  alert($('select[name=booking\\[car_id\\]]').val());
});

イベントをトリガーしてchange、ハンドラーがページの読み込み時に実行されるようにすることもできます。

$('select[name=booking\\[car_id\\]]').change(function() {
    alert(this.value);
}).change();

score 2 · Accepted Answer

これを試して -

$(document).ready(function(){
 alert($('select[name=booking\\[car_id\\]]').val());
});

score 1 · Accepted Answer

$ obj の代わりに JavaScript DOM の機能を使用しています.val()

alert($("select[name=booking\\[car_id\\]]").val());

3 に答える 3