Select и ajax

[buddah]

Есть замечательный пост Great Rash'a "Стилизуем селект".

Можно ли воспользоваться этим методом в таком случае:

Есть стандартная форма выбора автомобильных запчастей:

<form id="id_inf" method="POST" action="/catalog/"> 
	Марка:
	<select id="brand"  name="brand" onchange="change(this)">
		<option value="">—</option>		 	
	</select>
	<br>Модель:
	<select id="car" name="car" onchange="change(this)">
	  <option value="">—</option>
	</select>
	<br>Год выпуска:
	<select id="year" name="year" onchange="change(this)">
	  <option value="">—</option>
	</select>
	<br>Тип кузова:
	<select id="body" name="body" onchange="change(this)">
	  <option value="">—</option>
	</select>
	<br>Тип двигателя:
	<select id="engine" name="engine" onchange="change(this)">
	  <option value="">—</option>
	</select>
	<br>Обьем двигателя
	<select id="volume" name="volume">
	  <option value="">—</option>
	</select>
	<br>
	<input type="submit" value="search">
</form>

И есть ajax-код:

<script>
$(function() {
	$.ajax({url: "/getNext/",
		success: function(recv){
			var obj = jQuery.parseJSON(recv);				
			var myselect=document.getElementById('brand');	
			myselect.options.length = 1;
			for (i=1;i<=obj.length-1;i++)	{								
				myselect.options[myselect.length]=new Option(obj[i], obj[i]);
			}												
		}
	});
});
function change(s){	
	var obj = new Number();
	var form = document.getElementById("id_inf");	

	//read all fields state for request
	for (i=0;i<=form.childElementCount-1;i++)	{
		select = form.children[i];			
		if (select.selectedIndex > 0)			
			obj[select.id]=select.children[select.selectedIndex].value;		

		//null if user choose previouse, not last active
		if (s==select) 					
			for (j=i+2;j<=form.childElementCount-1;j++)
				if (form.children[j].localName == 'select')
					form.children[j].options.length = 1;
	}			

	$.ajax({url: "/getNext/", data: obj,
			success: function(recv){
				var obj = jQuery.parseJSON(recv);				
				var myselect=document.getElementById(obj[0]);	
				myselect.options.length = 1;
				for (i=1;i<=obj.length-1;i++)	{								
					myselect.options[myselect.length]=new Option(obj[i], obj[i]);
				}												
			}
	});	
}
</script>

Со стандартным селектом он работает отлично.

А вот с кастомным не хочет. Выбраное значение (option) не подставляется. И сабмит не отображается. Возможно я криво делаю, не знаю.

В варианте Грейт Раша есть код:

<select name="domen" onchange="this.parentNode.getElementsByTagName('input')[0]
.value = this.options[this.selectedIndex].innerHTML;">

В стандартной форме же вызывается функция change:

onchange="change(this)"

Я подставляю строку this.parentNode.getElementsByTagName('input')[0].value = this.options[this.selectedIndex].innerHTML; в аякс-функцию change(s) , а вместо этого оставляю onchange="change(this)".

Ну и айдишники меняю естественно..

По идее, первым делом должно подставляться значение инпута, а потом уже дальше функция выполняется по плану.

Что я делаю не так?

сайт

Edited August 19, 2011 by buddah

[buddah]

32 просмотра и 0 ответов. Так нечестно.

[Softlink]

32 просмотра и 0 ответов. Так нечестно.

Автор скрипта наверняка бы помог, но он в отпуске)))

[buddah]

Там такое живое обсуждение было, что казалось что не только автор скрипта знает о чем говорит)