2012-06-03 5 views
1

У меня есть форма:JQuery - Получение значения отборного, по имени, из объекта формы

<form id="myForm"> 
    <select name="mySelect">     
     <option value="250">250</option>      
     <option value="500">500</option> 
    </select> 
    <input id="submit-123" type="submit" /> 
</form> 

И мне нужно, чтобы получить значение отправки в умном виде образа. На странице есть несколько форм, поэтому мне нужно получить тот, который связан с кнопкой отправки, которая была нажата.

var form = $('#submit-123').closest('form'); 

Но я не могу работать, как получить значение избранных, без ссылки на индекс (он должен быть более устойчивым, чем).

Самое близкое, что я получил, это использование: form.children(), но я до сих пор не могу разобраться, как точно настроить таргетинг на выбор.

Я новичок в JS, и любая помощь будет принята с благодарностью.


ответ

0

Это должно работать для вас,

$('#submit-123').siblings('select[name="mySelect"]').val() 
0

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

$('form').has('#submit-123').find('select'); 

или

$(this).prev('select'); 

или

$(this).closes('form').find('select'); 

, чтобы получить значение из этого выберите

$('form').has('#submit-123').find('select').val(); 

или

$(this).prev('select').val(); 

Полный код

$(':submit').on('click', function(e) { 
    e.preventDefault(); // just for stop redirect, you may not need this 
    alert($('form').has(this).find('select').val()); 
}); 

DEMO 1

ИЛИ

$(':submit').on('click', function(e) { 
    e.preventDefault(); // just for stop redirect, you may not need this 
    alert($(this).prev('select').val()); 
}); 

DEMO 2

0

HTML

<form id="myForm"> 
<select name="mySelect">     
    <option value="250">250</option>      
    <option value="500">500</option> 
</select> 
<input id="submit-123" type="submit" /> 
</form> 

SCRIPT

$("input:submit").click(function(){ 
    var value = $(this).closest('form').find('select').val(); 
    return false; 
}); 
Смежные вопросы