JQuery получить выбранное значение параметра (не текст, а атрибут "значение" )

Хорошо, у меня есть этот код:

<select name="selector" id="selector">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>

И я хотел бы получить значение выбранной опции. Пример: Выбирается "Вариант 2", а его значение равно "2". "2" - это значение, которое мне нужно получить, а не "Вариант 2".

Ответы

Ответ 1

Используйте .val, чтобы получить значение выбранного параметра. См. Ниже,

$('select[name=selector]').val()

Ответ 2

Я просто хотел поделиться своим опытом

Для меня,

$('#selectorId').val()

вернулся ноль.

Я должен был использовать

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

Ответ 3

$('select').change(function() {
    console.log($(this).val())
});​

Пример jsFiddle

.val() получит значение.

Ответ 4

Вам нужно добавить идентификатор к вашему выбору. Тогда:
$('#selectorID').val()

Ответ 5

вы можете использовать jquery следующим образом

SCRIPT

  $('#IDOfyourdropdown').change(function(){
    alert($(this).val());
  });

FIDDLE здесь

Ответ 6

Попробуйте следующее:

$(document).ready(function(){
    var data= $('select').find('option:selected').val();
});

или

var data= $('select').find('option:selected').text();

Ответ 7

Для выбора, подобного этому

<select class="btn btn-info pull-right" id="list-name" style="width: auto;">
   <option id="0">CHOOSE AN OPTION</option>
   <option id="127">John Doe</option>
   <option id="129" selected>Jane Doe</option>

... вы можете получить id следующим образом:

$('#list-name option:selected').attr('id');

Или вы можете использовать значение вместо этого и получить его простым способом...

<select class="btn btn-info pull-right" id="list-name" style="width: auto;">
   <option value="0">CHOOSE AN OPTION</option>
   <option value="127">John Doe</option>
   <option value="129" selected>Jane Doe</option>

вот так:

$('#list-name').val();

Ответ 8

В одном из моих вариантов не было значения: <option>-----</option>. Я пытался использовать if (!$(this).val()) { .. }, но я получал странные результаты. Оказывается, если у вас нет атрибута value в элементе <option>, он возвращает текст внутри него вместо пустой строки. Если вы не хотите, чтобы val() возвращал что-либо для вашей опции, обязательно добавьте value="".

Ответ 9

Посмотрите на пример:

    <select class="element select small" id="account_name" name="account_name"> 

        <option value="" selected="selected">Please Select</option>           
        <option value="paypal" >Paypal</option>
        <option value="webmoney" >Webmoney</option>

    </select>

 <script type="text/javascript">

        $(document).ready(function(){ 
             $('#account_name').change(function(){
               alert($(this).val());                                                          
             });
        });
 </script>

Ответ 10

$('#selectorID').val();

ИЛИ

$('select[name=selector]').val();

ИЛИ

$('.class_nam').val();

Ответ 11

этот код очень хорошо работает для меня: это возвращает значение выбранного параметра.    . $( '# Select_id') найти ( 'вариант: выбран'). Вал();

Ответ 12

 $(document ).ready(function() {
    $('select[name=selectorname]').change(function() { 
     alert($(this).val());});
 });