Отримайте значення спаду в jQuery

100

У мене випадає список "Пара" Ідентифікатор, Ім'я ".

Приклад

Джон Міллер
Джим Сміт
Джен Морсін

Джон Міллер має номер 101
Джим Сміт має номер 102
Джен Морсін має ідентифікатор 103

Коли я виконую наступне:

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

і я вибираю Джона Міллера, отримую 101. Хоча я хотів би отримати Джона Міллера.

jquery

— Нейт ПЕТ
джерело

Перевірте stackoverflow.com/questions/1643227/…

— Франц,

185

$('#Crd').val()дасть вам вибране значення випадаючого елемента. Використовуйте це, щоб отримати текст вибраних параметрів.

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

— ShankarSangoli
джерело

3

$ ('Параметр # Crd: вибрано'). Text () або $ ('# Параметр Crd: вибрано'). Val (), .text надає значення відображуваного тексту, а не значення

— patrick choi

$ ('Параметр # Crd: вибрано'). Val (); за цінністю

— asifaftab87

13

Найкращим способом є використання:

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

Залежно від вимоги, ви також можете використовувати такий спосіб:

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

— Сандіп Пал
джерело

5

Якщо ви використовуєте a <select>, .val()отримує "значення" вибраного <option>. Якщо він не має value, він може повернутися до id. Поставте значення, яке ви хочете, щоб воно повернулося в valueатрибут кожного<option>

Редагувати: Див. Коментарі для роз'яснення того, що valueє насправді (не обов'язково рівним valueатрибуту).

— Ансель Сантоса
джерело

1

Просто уточнення .val () повертає властивість живого значення не значення атрибута HTML.

— Чад

Правильно. Однак практичної різниці в цьому випадку немає, оскільки ОП, здається, не хоче змінити умови valueв будь-який момент.

— Ансель Сантоса

2

.val() gets the 'value' attribute of the selected <option>, як я вже сказав: просто уточнюю.

— Чад

Що робити, якщо мені потрібен індекс або id, а не текст?

— bgmCoder

5

Це працювало для мене!

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

Сподіваюся, це комусь допоможе!

— N00b Pr0grammer
джерело

3

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

selectSal - клас.

— Аканкша Сінгх
джерело

3

Спробуйте це:

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

— Ферейдун Барікзехі
джерело

2

Ще один варіант:

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

— користувач3166722
джерело

0

Як було зазначено ... у selectвікні .val()атрибут дасть вам значення вибраного параметра. Якщо вибраний параметр не має атрибута значення, він буде за замовчуванням відображуваним значенням параметра (це те, що показують приклади в документації jQuery.val .

ви хочете використовувати .text()обраний варіант:

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

— lhagemann
джерело

0

Це дає вам поточне значення випадаючого меню, якщо випадає має ідентифікатор "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

Передайте ідентифікатор і утримуйте змінну та передайте змінну куди завгодно.

var temp = $ ('select [name = Ім'я ID]'). val ();

— Абхіджіт Патра
джерело

$ ('вибір [ім'я = ім'я ідентифікатора] опція: вибрано'). val (); Цей теж працює

— Абхіджіт Патра