從表單提交中的selectmenu中獲取選定值

Question

我需要在表單提交中獲取selectmenu的選定值。

$('#submitbutton').click(function(){ 
var returnValue = true; 
$('#form1 .required').filter(':visible').each(function() { 
inputVal = $(".dd-default option:selected").val(); 
alert(inputVal); -- displaying null 
var input = $(this); 
alert(input.val()); -- displaying null 
if (!input.val()) { 
    returnValue = false; 
} 

}); 
}); 

這裏$（this）.val（）顯示爲空。但是，當我在選擇菜單的chnage上寫入相同的功能時，它將顯示選定的值。

$('#form1 .required').change(function() { 
var input = $(this); 
input.next('ul.innererrormessages').remove(); 
input.removeClass('required'); 
alert(input.val());-- displays the value 
if (!input.val()) { 
    alert("error"); 
} 
}); 

任何想法，爲什麼它不顯示錶單提交時的選定值？ 謝謝

Answer 1

此解決方案已解決上述問題。

$('select').each(function() { 
        var objName = $(this).attr('name'); 
        if ($("select[name=" + objName + "]").css('display').indexOf("none") != -1) { 
         alert($("select[name=" + objName + "] option:selected").val()); 
        } 

       }); 

Answer 2

您必須在用戶切換值後使用更改。這個代碼應該在你獲得價值之前運行。

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

與您選擇列表框中的類名稱替換.selectList。