2015-03-31 2 views
1

У меня есть форма, как этотполучить переключателе выбранное значение по имени тега JQuery

<label>Select country</label> 
    <select name="country"> 
     <option value="IND" selected="selected">India</option> 
     <option value="MY">Malaysia</option> 
     <option value="US">United states</option> 
    </select> 
</label> 

Я хочу, чтобы получить значение выбранной страны с помощью JQuery.

Это мой код в JQuery документ блока: Мой JQuery версия: JQuery-1.10.1.js

alert($('select[name="country"]').find(":selected").val()); 
alert($('select[name="country"] option:selected').val()); 

Я не хотел бы называть селектор по ID или класса. Заранее спасибо.

Я не мог писать onChange для выбора страны. Мне нужно выполнить запрос ajax при размывании поля ввода даты (followup_date).

$('#followup_date').change(function(e) { 

     if($(this).val()!='') 
     { 
      //$('.tmslot').not(this).attr('checked', false);   
      var slot = $(this).val(); 
      var country_id = $('select[name="country"] option:selected').val(); 

Моя проблема в том, я получаю неопределенными для COUNTRY_ID. Метод

+1

Вам нужно это $ ('select [name = "country"]'). Val(); – priya786

+1

'alert ($ ('select [name =" country "]'). Val());' должно быть хорошо - http://jsfiddle.net/arunpjohny/sof2pjbs/2/ –

+0

Это работает для меня '$ ('select [name = "country"]'). find (": selected"). val(); ' – mgamon

ответ

4

Использование .val() на select элемент не на выбранный option:

$('select[name="country"]').on('change', function(){  
 
    alert($(this).val());  
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<select name="country"> 
 
     <option value="IND" selected="selected">India</option> 
 
     <option value="MY">Malaysia</option> 
 
     <option value="US">United states</option> 
 
    </select>

+0

Тим, спасибо большое за ваше время. Но я не мог писать onChange для select-box. Мне нужно выполнить запрос ajax при размытии поля ввода. – chandoo

+1

@chandoo Всегда приветствую! Пожалуйста, не стесняйтесь отмечать мой ответ как принятый :) 'on ('cahnge')' здесь просто для демонстрации основной идеи - используйте '$ ('select [name =" country "]'). Val()' для получения значения элемента 'select'. –

0

Согласно документации,

.val() в основном используется для получения значений элементов формы, таких как ввод, выберите и текстовое поле. В случае элементов выбора он возвращает null, если не выбран ни один параметр, и массив, содержащий значение каждого выбранного параметра, когда есть хотя бы один, и можно выбрать больше, потому что присутствует множественный атрибут.

Вам нужно просто использовать .val() с объектом выберите элементы JQuery, чтобы получить выбранное значение опции:

$('select[name="country"]').val() 
+0

в chrome не работает bro –

+0

@KishoreKumar: можете ли вы воспроизвести проблему в скрипке? –

1

Вам может понадобиться этот Demo Here

alert($('select[name="country"]').val()); 
$('select[name="country"]').change(function(){  
    alert($(this).val());  
}); 
0

, если вы хотите, чтобы получить возможность:

оповещения ($ ('выберите [имя = страна]) найти (. ': Выбирается'.) Текст()) ;

Смежные вопросы