jquery - 选择选项值不在 jquery 中

Question

我有一个select如下的 HTML：

<select name="customer_id">
<option value="5">A1</option>
<option value="7">A2</option>
<option value="3">A3</option>
<option value="6">A4</option>
<option value="4">A5</option>
<option value="2">Root</option>
</select>

<button name="View" type="button" id="view" >View Commission</button>`

我有一个如下的jQuery：

$("#view").click(function(){
    var customer_id = $("#customer_id").val();

    alert(customer_id);
});

但是customer_id，我没有得到 's，而是变得警觉起来undefined！怎么了？

查看代码：jsFiddle

Answer 1

$("#customer_id").val();指的是 ID 为 customer_id 的元素，您只有一个名称。

将您的选择更改为：

<select name="customer_id" id="customer_id">

或您的选择器：

$('select[name="customer_id"]').val();

jsFiddle 示例

Answer 2

问题是你正在使用

var customer_id = $("#customer_id").val();

此处 $("#customer_id") 仅在选择 ID 为 "customer_id" 时才有效

所以用你的选择作为

select id="customer_id" name="customer_id"

如果它对你有用，它会回复。