Я использую 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 Contents 2» отображается в mydiv после того, как я делаю какой-либо выбор в форме. Я пытался заставить его повторять «Содержимое Div 1», если выбран вариант 1, и «Содержимое Div 2», если выбран вариант 2.
Спасибо и извините за длинный вопрос.