Здравствуйте. У меня есть форма, с несколькими select. По сути меня из нее интересуют всего 2 select, в которых выбираются свойства, в зависимости от которых мне нужно отобразить информацию в соседнем div. В соседнем div отображается iframe где источником является адрес вида: /s1099/m/2/300/500, где нужные параметры идут после буквы m. Двоечка - это по сути значение из первого списка, а вот далее 2 цифры - это крайние значения из второго списка.
Помогите сделать так, чтобы при выборе сначала значения из первого списка показывались все предметы этой категории (для этого вторые параметры должны быть 0 - 9999), а уже при выборе значения второго списка, оставалось нужное.
Форма (выдержка)
<select>
option id="sel1">1</option>
<option id="sel2">2</option>
<option id="sel3">3</option>
</select>
<select>
<option id="rad1">150 - 300</option>
<option id="rad2">300 - 500</option>
<option id="rad3">500 - 999</option>
</select>
Пытаюсь приспособить этот скрипт, не получается:
$(document).ready(function(){
$('#sel').change(function(){
var chosen_radio=$(this).attr('id');
if (chosen_radio == "rad1") {
$("#result").html("<iframe src='http://site.ru/m/2/0/9999' height='400' width='100%' frameborder='0' scrolling='no'></iframe>");
} else if (chosen_radio == "rad2") {
$("#result").html("<input type='hidden' name='type' value='Ищу водителя / исполнителя'>");
} else if (chosen_radio == "rad3") {
$("#result").html("<input type='hidden' name='type' value='Ищу водителя / исполнителя'>");
} else if (chosen_radio == "rad4") {
$("#result").html("<input type='hidden' name='type' value='Отдам заказ / Ищу исполнителя'>");
}
});
});
