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


100

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

ジョンミラー
ジムスミス
ジェンモーシン

Jon MIllerのIDは101、
Jim SmithのIDは102、
Jen MorsinのIDは103

私が次のことをすると:

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

ジョンミラーを選択すると101が表示されます。ジョンミラーを取得したいのですが。


回答:


184

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

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

3
$( '#Crd option:selected')。text()または$( '#Crd option:selected')。val()、.textは、値ではなく、表示されたテキストの値を示します
patrick choi

$( '#Crd option:selected')。val(); 値付け
asifaftab87

13

最善の方法は、以下を使用することです。

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

要件によっては、次のように使用することもできます。

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

5

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

編集:value実際に何であるかを明確にするためにコメントを参照してください(value属性と必ずしも同じではありません)。


1
明確に言うと、.val()は、HTML属性値ではなく、ライブ値プロパティを返します。
チャド

正しい。ただし、OPはvalueどの時点でもs を変更する必要がないように見えるため、この場合には実際的な違いはありません。
Ansel Santosa、2012年

2
.val() gets the 'value' attribute of the selected <option>、私が言ったように:明確にしています。
チャド

テキストではなくインデックスまたはIDが必要な場合はどうなりますか?
bgmCoder 2015年

5

これでうまくいきました!

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

これが誰かを助けることを願っています!





0

selectボックスで指摘されているように、.val()属性は選択されたオプションの値を提供します。選択したオプションに値属性がない場合、デフォルトでオプションの表示値になります(これは、jQueryのドキュメントにある.val showの例です)。

.text()選択したオプションを使用する場合:

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


0

これにより、ドロップダウンのIDが「someId」の場合、ドロップダウンの現在の値が得られます。

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

0

$('.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>


0

IDを渡して変数に保持し、変数をどこにでも渡します。

var temp = $( 'select [name = ID Name]')。val();


$( 'select [name = ID Name] option:selected')。val(); This One Also Work
Abhijit Patra
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.