0

私はjQueryとjavascriptにかなり慣れていないので、簡単にやってください。id="select-cat" の選択ボックスがあります。この選択ボックスは動的に作成されるため、次のように .on イベント ハンドラーを使用しました。

$(document.body).on('change', '#select-cat', function() {

});

オプション値を取得しようとすると、問題が発生します。ここに私が試したいくつかのことがあります：

var x = this.value; //doesnt work, I'm assuming in this case "this" refers to document.body

$('#select-cat').on('change', function() { //"this" works, but event isn't added to dynamically created elements
    var x = this.value;
});

このイベントハンドラーを動的要素に保持しながら、値を引き出すことができる方法を誰かが持っていますか?

4

2 に答える 2

0

これを使って：

$('body').on('change', '#select-cat', function() {
   var value = $(this).find('option:selected').val();

   // do something with the value..
});

選択ボックス自体には値がありません。「選択された」オプションには値があります

于 2014-04-30T18:13:39.977 に答える