在下拉列表上使用jquery val（）

Question

其中，我試圖在「金額」下拉框中提醒所選值，該值是從1到10的數字列表。生成列表並將其插入到一個div。

// generate the amount dropdown list 
var dropdown = "<select name=\"amount\">"; 
for(var i=1; i <= MAX_PRINT; i++) { 
    dropdown = dropdown + "<option>" + i + "</option>" 
} 
dropdown = dropdown + "</select>"; 

jQuery("#" + divId).html("<div>Amount: " + dropdown + "</div></div>"); 


var amount = 1; 

jQuery(document).ready(function() { 
    amount = jQuery("#amount").val(); 
    alert(amount); 
}); 

我的問題是：爲什麼會產生「未定義」當我提醒了多少？我期待它返回選定的號碼

Answer 1

確保你給你的選擇一個ID - 現在它只是一個名字。因此，您的jQuery('#amount')選擇器不返回任何內容，這就是爲什麼警報顯示爲 undefined。

var dropdown = "<select id='amount' name='amount'>"; 

Answer 2

有2-3方法從<select>

• 使用:selected
• 使用.prop
• 使用得到一個選擇的值.attr

Answer 3

您使用 amount = jQuery("#amount").val();

的，你必須給你的下拉一個id

var dropdown = "<select name=\"amount\" id=\"amount\">"; 

DEMO

Answer 4

的id是你的下拉失蹤。

// Generate the amount dropdown list 
var dropdown = "<select id="amount" name=\"amount\">"; 
for(var i=1; i <= MAX_PRINT; i++) { 
    dropdown = dropdown + "<option>" + i + "</option>" 
} 
dropdown = dropdown + "</select>"; 

jQuery("#" + divId).html("<div>Amount: " + dropdown + "</div>/div>"); 

var amount = 1; 

jQuery(document).ready(function() { 
    amount = jQuery("#amount").val(); 
    alert(amount); 
}); 

Answer 5

使用這個，如果這對你的作品：

jQuery(document).ready(function() { 
    var amount = jQuery("select[name='amount']").val(); 
    alert(amount); 
});