获取表单选择输入的值返回" undefined"

时间:2015-04-04 10:32:31

标签: jquery html forms html-select

我有这个html表单代码:

<form>
    <select id="sex" name="sex" onchange="alert($('#sex').val())">
        <option value="0">Male</option>
        <option value="1">Female</option>
    </select>
</form>

也许我使用jquery语法错误地检索值,但是当select更改时,会出现一个消息框,其中显示消息“undefined”。我希望结果是0或1,或者至少是“男性”或“女性”。不是“未定义”。我做错了什么?

https://learn.jquery.com/using-jquery-core/faq/how-do-i-get-the-text-value-of-a-selected-option/

4 个答案:

答案 0 :(得分:4)

最有可能的是,您正在页面末尾加载jQuery库。在表单声明之前包含源代码,或者使用另一个答案中建议的this.value

答案 1 :(得分:3)

你也可以尝试这个

    onchange="alert(this.value)"

答案 2 :(得分:1)

在这里,为你:

http://jsfiddle.net/jm7uo5g0/

您需要在#sex之后添加:在$ selector中选择:)。

像这样:

<form>
    <select id="sex" name="sex" onchange="alert($('#sex :selected').val())">
        <option value="0">Male</option>
        <option value="1">Female</option>
    </select>
</form>

不要忘记添加Jquery文件;)。

答案 3 :(得分:0)

如果你最后使用jQuery库。他们的功能无法访问。如果您看到这样的错误,那么可能会将库包含在错误的位置。

最佳提示:在<head>

中使用/包含jquery库