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'>";

Answer 2

您正在使用amount = jQuery("#amount").val();，因为您必须为您的下拉列表提供ID

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

DEMO

Answer 3

从<select>

获取选定值有2-3种方法

使用:selected
使用.prop
使用.attr

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);
});

在下拉列表中使用Jquery val（）

5 个答案: