如何使用jQuery在函數中獲取下拉的值？

-1

我的窗體中有多個下拉列表正在動態創建。我想獲取函數內所選下拉選項的值。如何使用jQuery在函數中獲取下拉的值？

<select class="form-control" id="sel1" name="dropdwn"> 
    <option value="'.$r['2'].'">'.$r['2'].'</option> 
    <option value="'.$r['3'].'">'.$r['3'].'</option> 
    <option value="'.$r['4'].'">'.$r['4'].'</option> 
    <option value="'.$r['5'].'">'.$r['5'].'</option> 
    <option value="'.$r['6'].'">'.$r['6'].'</option> 
    <option value="'.$r['7'].'">'.$r['7'].'</option> 
    <option value="'.$r['8'].'">'.$r['8'].'</option> 
    </select>

來源

2017-05-20 Niraj Singh Negi' s

$('select[name="dropdown"]').each(function(){ 
console.log($(this).val()) 
});

將在每個下拉列表中選擇返回值。

您應該在您的$(document).ready(function(){}})函數中包含上述js。

來源

2017-05-20 06:36:35

這會給你選擇

$的值（ '＃SEL1'）。VAL（）

現在，如果他們是動態的，你把那個「

1" 後‘選擇’..在所有的選擇，那麼你可以循環，並獲得價值過

像

$("select").each(function(index) { 
    console.log(index + ": " + $(this).val()); 
    console.log(this.id); 
});

來源

2017-05-20 06:29:53

給我整個查詢我HVE試了一下它的工作新臺幣 –

什麼叫整個查詢的意思嗎？ –

年查詢不工作.... PLZ發佈與HTML如果我已經犯了一個錯誤 –

您可以對所有下拉菜單使用通用類。

說，

<select name="select1" class="dropdown"> 
<select name="select2" class="dropdown"> 
<select name="select3" class="dropdown"> 
<select name="select4" class="dropdown">

而且JS將是：

$('.dropdown').on('change', function(){ 
var selectedVal = $(this).val(); // this will return selected dropdown value 
alert(selectedVal); 
});

來源

2017-05-20 06:36:26 Virushabadoss

兄弟不工作，即使警報nt工作PLZ幫助我........我的整個代碼是在內循環 –

你能提供你的代碼片段嗎？所以我可以理解你的下拉是如何創建的。 – Virushabadoss

你有沒有在你的html中包含jquery js鏈接？ –

由於是動態創建的您可能需要委派事件

$(document).on("change",'select[name="dropdown"]', function(){ 
alert($(this).val()) 
});

來源

2017-05-20 06:42:12 brk

如何使用jQuery在函數中獲取下拉的值？

回答

相關問題