jQueryのドロップダウンの値を取得

Question

「ID、名前」のペアを持つドロップダウンがあります。

103の

例

ジョン・ミラー
ジム・スミス
ジェンMorsin

ジョン・ミラー101
ジム・スミスのID有する102
ジェンMorsinのIDを有する有しID私は次のようにします：

var arNames = $('#Crd').val() 

と私はJon Millerを選択しますが、私は101を取得します。私はJon Millerを取得したいと思います。

Answer 1

$('#Crd').val()は、ドロップダウン要素の選択値を表示します。これを使用して、選択したオプションのテキストを取得します。

$('#Crd option:selected').text(); 

Answer 2

あなたが<select>を使用している場合、.val()は、選択<option>の '値' を取得します。 valueがない場合は、idにフォールバックする可能性があります。あなたはそれが各<option>

編集のvalue属性に返したい値を入れて：（value属性に必ずしも等しくない）valueが実際に何であるかの明確化のためのコメントを参照してください。

Answer 3

selectボックスに指摘されているように、.val()属性は、選択したオプションの値を示します。選択されたオプションが値を持っていない場合、それはどのようなjQuery documentation of .valショーの例をしている（オプションの表示値がデフォルトになります属性

あなたが選択したオプションの.text()を使用したい：。

$('#Crd option:selected').text()

Answer 4

最良の方法は、使用することです：要件に応じて、

$("#yourid option:selected").text(); 

、あなたもこの方法を使用することができます。

var v = $("#yourid").val(); 
$("#yourid option[value="+v+"]").text() 

Answer 5

ドロップダウンの のIDが「someId」の場合、これはドロップダウンの現在の値を示します。

$("#someId").val(); 

Answer 6

var sal = $('.selectSal option:selected').eq(0).val(); 

selectSalクラスです。これは私のために働いてい

$("#<%=dropDownId.ClientID%>").children("option:selected").val(); 

Answer 7

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

$('#selected-option option:selected').val() 

Answer 8

別のオプション：

Answer 9

：

var text = $('#YourDropdownId').find('option:selected').text(); 

Answer 10

$('.leave_response').on('change', function() { 
 
    var responseId = $(this).val(); 
 
    console.log(responseId); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<td> 
 
    <select class="leave_response" name="leave"> 
 
     <option>1</option> 
 
     <option>2</option> 
 
     <option>3</option> 
 
     <option>4</option> 
 
    </select> 
 
</td>