我有这个html表单代码:
<form>
<select id="sex" name="sex" onchange="alert($('#sex').val())">
<option value="0">Male</option>
<option value="1">Female</option>
</select>
</form>
也许我使用jquery语法错误地检索了值,但当选择被更改时,会出现一个消息框,其中显示消息"undefined"。我预计结果会是0或1,或者至少是"男性"或"女性"。不是"未定义"。我做错了什么?
https://learn.jquery.com/using-jquery-core/faq/how-do-i-get-the-text-value-of-a-selected-option/
您也可以尝试
onchange="alert(this.value)"
很可能是在页面末尾加载jQuery库。在表单声明之前包含源,或者按照另一个答案中的建议使用this.value
。
这里,为您:
http://jsfiddle.net/jm7uo5g0/
你需要添加:selected在你的#sex之后,在你的$selecter:)。
像这样:
<form>
<select id="sex" name="sex" onchange="alert($('#sex :selected').val())">
<option value="0">Male</option>
<option value="1">Female</option>
</select>
</form>
并且不要忘记添加Jquery文件;)。
如果最后使用jQuery库。他们的功能无法访问。若你们看到这样的错误,那个么图书馆肯定被放错了地方。
最佳提示:在<head>
中使用/包含jquery库