我正在使用 jQuery 在表单上进行选择后发送 AJAX 请求,并且我希望根据所做的选择将不同的内容回显到 div 中。这是我的表格:
<form name="myform" id="myform" method="post" action="#">
<select name="myselect" id="myselect">
<option>-- Make a selection --</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
</form>
这是页面前面的javascript:
$(document).ready(function() {
$('#myselect').change(function() {
$(this).parents("form").submit();
});
$('#myform').submit(function() {
$.post(
'myscript.php',
$(this).serialize(),
function(data){
$("#mydiv").html(data)
}
);
return false;
});
});
这是 myscript.php:
<?php
if ($_POST['myselect'] = "1") {
echo "Div contents 1";
}
if ($_POST['myselect'] = "2") {
echo "Div contents 2";
}
?>
我的问题是:在我对表单进行任何选择后,“Div 内容 1Div 内容 2”会回显到 mydiv 中。如果选择了选项 1,我试图让它回显“Div 内容 1”,如果选择了选项 2,我试图让它回显“Div 内容 2”。
感谢并为这个冗长的问题道歉。