Есть у меня форма, что-то вроде этой
<form action="" method="">
<select name="value" id="value" onchange="start();">
<option selected disabled>0</option>
<option="1">1</option>
<option="2">2</option>
<option="3">3</option>
<option="4">4</option>
<option="5">5</option>
</select>
</form>
И такой аякс на jquery
<script type="text/javascript">
function start() {
var value = document.getElementById('value').value;
$.ajax({
type: "GET",
url: "mysite.com",
data: 'value=' + encodeURIComponent(value),
success: function(html){
$("#lvl3").html(html);
$("#lvl4").html('');
$("#lvl4").html('');
$("#lvl5").html('');
$("#lvl6").html('');
$("#results").html('');
}
});
}
</script>
Очень много зависимых селектов и если человек возвращается на шаг обратно приходится все отчищать.
Теперь есть необходимость добавить еще одну форму при нажатии на клик пользователем. Можно сделать так:
<script type="text/javascript">
function add() {
$("#ewe").html('<form action="" method="post"><select name="main" id="main" onchange="lvl1();">
<option selected disabled>Выберите</option>
<input type="Submit" value="Подсчитать" id="button" onclick="final(); return false;" name="Cash"></form>');
}
</script>
К чему я все виду, обработчик этой страшной формы уже занимает около 100 строк кода. Своими силами я могу добавить еще 20 строк js и 40 строк php, но это же ужас.
Уже смотреть страшно на php файл, еще день, второй и совсем там запутаюсь.
Сам вопрос: Есть ли какие-то более гибкие способы для манипуляций с select'ами.