我设置了此示例代码来尝试跟踪我的较大网站中的问题,但我不明白为什么该值总是返回为未定义。
<script>
function echo(){
value = $('input[name=select_form]').val();
$(document).ready(function(){
$('#test_div').append("<p>" + value + "</p>");
})
}
</script>
</head>
<table>
<tr>
<td>select an option</td>
<td><select name = "select_form">
<option value="Alpha">Alpha</option>
<option value="Beta">Beta</option>
</select>
</td>
</tr>
</table>
<input type='button' value='echo' name='submitbtn' onclick='echo()' />
<div id = "test_div"> </div>
最佳答案
您的选择器错误,您的目标是 select
元素,而不是 input
元素
value = $('select[name=select_form]').val();
演示:Fiddle
注意:也不需要 dom 就绪处理程序 - 如果您想使用它,则在 dom 就绪处理程序中使用适当的 jQuery 事件处理程序
<input type='button' value='echo' name='submitbtn' />
然后
jQuery(function () {
$('input[name="submitbtn"]').click(function () {
var value = $('select[name=select_form]').val();
$('#test_div').append("<p>" + value + "</p>");
})
})
演示:Fiddle
关于javascript - 如何使用 jQuery 获取选择表单的输入值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21542717/