javascript - 在下拉列表中使用 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);
});

我的问题是:为什么我提示金额时会产生'undefined'？我期待它返回选定的号码

Answer 1

确保你给你的选择一个id——现在它只有一个名字。结果，您的 jQuery('#amount') 选择器没有返回任何内容，这就是显示警报的原因 未定义。

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