javascript - 下拉菜单上的 jQuery val() 返回值 "Array"

Question

我被难住了。我有一个下拉菜单，用户可以在其中选择一个项目。

<select name="rep-name" type="text" id="rep-name" size="" value="" >
    <option value></option>
    <option value="alex">alex</option>
    <option value="ben">ben</option>
    ...
</select>

然后检索该值...

$('#rep-name').val()

并发送到数据库。

通常它工作正常，但在某些情况下，它会将值“Array”发送到数据库。有趣的是，在这些情况下，表单上的序列化函数仍然可以获得项目的正确值。换句话说:

$('#run-pma-form').serialize() // works fine
$('#rep-name').val() // fails

它在大约 95% 的情况下工作正常，不幸的是，当它错误地返回“数组”时，我没有关于正在使用哪些浏览器等的信息。我只是想知道是否有人遇到过这个问题或者知道为什么会发生这种情况。

Answer 1

$("#rep-name")[n].val() 将为您提供任何给定选项的值，但认为选择菜单具有值是不正确的—您想要的是当前所选选项的值。

http://api.jquery.com/selected-selector/

$("#rep-name option:selected").val() 应该可以。