jquery - 変更イベントでドロップダウン値が何も返さない

Question

次のように、 for ループでボタンがクリックされたときに、ドロップダウン値と html を設定しています (これは機能します)。

 mySelect.append($('<option></option>').val(result[i].id).html(result[i].add));

しかし、ドロップダウンの変更イベントでは、値に対して何も取得しませんが、html は長い文字列を返します。変更イベントは次のとおりです。

 $('#ddlHD').change(function () {
                //var item = $('#ddlHD').val();
                // var item = $(this);
                var item = this.value;
                alert(item)
            });

Answer 1

select が DOM にある前にイベント ハンドラーが追加された場合は、次のようにする必要があります。

$(document).on('change', '#ddlHD', function () {
     var item = this.value;
     alert(item)
});

現在のイベント ハンドラー コードは、ハンドラーの割り当て時に選択が DOM で使用可能な場合にのみ機能します。