Question

我有一个HTML select，如下所示：

<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，而是以undefined收到警报！怎么了？

查看代码：jsFiddle

Answer 1

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

将您的选择更改为：

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

或您的选择器：

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

<强> jsFiddle example

Answer 2

问题是你正在使用

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

此处$（“＃customer_id”）仅在选择ID为“customer_id”时才有效

所以请使用您的选择

select id="customer_id" name="customer_id"

如果它为你工作，它将起作用。

选择不在jquery中的选项值

2 个答案: