У меня есть веб-страница. Мне нужно создать 2 вида для этого.
В зависимости от формы выпадающего меню, я должен выбрать контент для показа.
Итак, я создал форму:
<form action="" method="post" class="form-horizontal">
<div class="form1">
<label class="label1" for="viewid">
View option
</label>
<div class="controls">
<select name="choose_viewid" id="viewid">
<option value="var1" >Full view</option>
<option value="var2" >Short view</option></select>
</div>
</div>
</form>
После этого я создал php, если:
if ($_POST[id]= "var1"): {
include "var1.html";
}else:
{
include "var2.html";
}
endif;
Я написал код js внизу:
<script language="JavaScript" type="text/javascript">
function chooseopt() {
var id= document.getElementById('viewid');
$.ajax({
type: 'POST',
url: '',
data:{id:id.value},
});
return false;
};
</script>
Но что-то не так. Кто может посоветовать необходимые действия?
Спасибо.
UPD: Весь этот код у меня на одной странице.
менять
if ($_POST[id]= "var1"):
в
if ($_POST['id']== "var1"):
Вам нужно позвонить chooseopt
JS метод, когда вы меняете опцию. Ты можешь использовать обработчик jquery ты старый по изменению действие.
Измените свою функцию JavaScript таким образом.
function chooseopt()
{
var objSelected = document.getElementById("viewid");
var id = objSelected.options[objSelected.selectedIndex].value;
$.ajax({
type: 'POST',
url: '',
data:{id:id},
});
return false;
};