在下拉列表中使用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-right,现在它只有一个名字.因此,您的jQuery('#amount')选择器不会返回任何内容,这就是警报显示的原因 undefined.

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