JQoeryを使用してドロップダウンリスト項目の値を取得できません

Question

私はポップモーダル内にあるドロップダウンリストを持っています。

<select name="EventTypeId" class="form-control formTextBox" id="ddlEventType"> 
    <option value="">Please Select</option> 
    <option value="1">Assessment</option> 
    <option value="2">Single Session</option> 
    <option value="3">Group Session</option> 
</select> 

そして、私のjqueryのは、次のようになります：ドロップダウンリストには次のようになります

$("body").on("change", "#ddlEventType", function (e) { 
var test = $('#ddlEventType').val(); 
}); 

それはのonchange機能も問題ありませんを打つが、私は、DDLのオプションを選択したときに、テスト変数は常に ""であり、決して値を取得しません。誰でもここで間違っていることを私に助けることができますか？それはddlがモーダルポップアップの内側にあるからですか？私は実際には、同じモーダルポップアップのddlを持っていて、まったく同じコードを持っています。年齢にも矛盾したIDはありません。なぜ私が価値を得ていないのか分かりません。

UPDATE

私はddlにddlEventTypeのクラス名を与えた、と

$("body").on("change", "#ddlEventType", function (e) { 
var test = $('.ddlEventType').val(); 
}); 

、これが働い何らかの理由にjqueryのを変更しました。理由は分かりませんが、それが機能し、それだけですべてが必要です。みんなあなたの助けをありがとう。

Answer 1

はこれを試してみてください：

$(document).on('change','#ddlEventType',function(){ 
    console.log($(this).val()); 
    }); 

あなたは身体への変更を行っています。 preventDefaultの場合はe.preventDefault();

Answer 2

onchange()属性を使用して選択タグから選択した値を取得する方法は次のとおりです。

1. 最初の方法では、onchange()をスクリプト関数に直接呼び出しました。
2. 第2の方法私はselectタグに直接関数を与えてから、スクリプトファイルで関数を呼び出しました。

まず方法：

$(document).ready(function(){ 
 
$("#ddlEventType").change(function(){ 
 
    alert($(this).val()); 
 
}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="EventTypeId" class="form-control formTextBox" id="ddlEventType"> 
 
    <option value="">Please Select</option> 
 
    <option value="1">Assessment</option> 
 
    <option value="2">Single Session</option> 
 
    <option value="3">Group Session</option> 
 
</select>

第2の方法：

function get_value(a) 
 
{ 
 
    alert(a); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="EventTypeId" class="form-control formTextBox" id="ddlEventType" onchange="get_value(this.value)"> 
 
    <option value="">Please Select</option> 
 
    <option value="1">Assessment</option> 
 
    <option value="2">Single Session</option> 
 
    <option value="3">Group Session</option> 
 
</select>