Хочу без обновления страницы получить данные из формы.
Форма:
<form id="myform" action="#" method="POST" enctype="multipart/form-data">
Персонаж
<select id="pers" name="personaj">
<option value="бэтмен">Бэтмен</option>
<option value="супер-мен">Супер мен</option>
</select>
<span id="contentST">Персонаж:</span>
<input id="link" type="button" name="calc" value="Выбрать" />
</form>
ajax:
$(document).ready(function(){
$("#link").click(function(){
$.ajax({
url: "1.php",
type: "GET",
dataType: "html",
success: function(response){
$("#contentST").html(response);
}
});
});
});
Код 1.php:
echo '<span id="contentST">Выбранный персонаж: '.$_POST['personaj'].'</span>';
Получается при нажатии кнопки без обновления страницы слово Персонаж
заменяется на Выбранный персонаж
но при этом не выводит выбранного персонажа, то есть код $_POST['personaj']
не работает.
Буду благодарен за помощь.