我有一个包含几个文本字段和下拉列表的表单。我能够捕获下拉列表更改的值。但是，在点击表单时，该值并未得到更新。
$('#submit_form .required').change(function (e) {
var input = $(this);
alert(input.val()); ----> gives the dropdown value selected.
});
$('#submit_form').submit(function() {
$('#submit_form .required').filter(':visible').each(function () {
var input = $(this);
alert(input.val()); ----> it becomes null here.
});
});
知道为什么它在提交函数中警告 null 吗？
这个基于您的代码的示例在 IE 和 Chrome 中都可以正常工作。您确定没有其他代码会影响选择的状态吗？
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<form id="submit_form" action="#">
<select id="test1" class="required">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<input type="submit" value="Submit" />
</form>
</body>
</html>
<script type="text/javascript">
$(document).ready(function () {
$('#submit_form .required').change(function (e) {
var input = $(this);
alert(input.val()); //----> gives the dropdown value selected.
});
$('#submit_form').submit(function() {
$('#submit_form .required').filter(':visible').each(function () {
var input = $(this);
alert(input.val()); //----> it becomes null here.
});
});
});
</script>