我有相同的 id，命名两个 html 选择。如果我更改第一个 html 选择，那么它可以正常工作，但如果我更改第二个 html 选择，那么它就不起作用。请有人指出我在这里可能做错了什么？非常感谢。这是我的代码:
<html>
<head>
<title>the title</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("#name").change(function(){
$.post(
"data.php",
$("#testform").serialize(),
function(data) {
$('#stage1').html(data);
}
);
var str = $("#testform").serialize();
$("#stage2").text(str);
});
});
</script>
</head>
<body>
<div id="stage1" style="background-color:blue; color: white">
STAGE - 1
</div>
<form id="testform">
<table>
<tr>
<td><p>Fruit:</p></td>
<td>
<select id="name" name="name[]">
<option>Apple</option>
<option>Mango</option>
<option>Orange</option>
<option>Banana</option>
</select>
</td>
</tr>
<tr>
<td><p>Fruit:</p></td>
<td>
<select id="name" name="name[]">
<option>Apple</option>
<option>Mango</option>
<option>Orange</option>
<option>Banana</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
PHP代码:
<?php
$fruit=$_REQUEST["name"];
$n = count($fruit);
for($i=0;$i<$n; $i++)
{
echo $fruit[$i]."<br/>";
}
?>
最佳答案
您的 id 应该是唯一的 - 使用 ID 选择器将始终/只为您提供它遇到的带有 ID 的第一个元素
你可以使用
$('select[name="name[]"]')
得到你的选择
关于javascript - Jquery 更改功能无法正常工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12789786/