Смена динамических списков
Добрый день!
Подскажите как реализовать вывод селекта по смене значения в первом <select name='ad_priceS' onchange="select_change();"> <option value=''>-------Не важно-------</option> <option value='1'>Сезон</option> <option value='2'>Полусезон</option> <option value='3'>Не сезон</option> </select> если value==1 вывести <select name='ad_sezon'>...</select> если value==2 вывести <select name='ad_polusezon'>...</select> если value==3 вывести <select name='ad_nesezon'>...</select> Заранее благодарен! |
Цитата:
- засунуть все "зависимые" селекты в ДИВы - сделать те ДИВы невидимыми - обрабатывать событие ончеиньч основного селекта - пробежаться по тем ДИВам, открыть нужный, спрятать ненужные |
Цитата:
|
Цитата:
<!DOCTYPE html>
<html>
<head>
<style>
#container > div {
display: none;
}
</style>
<script type="text/javascript">
function select_change(N){
var o=document.getElementById('container').getElementsByTagName('div')
var i
for (i=0; i<o.length; i++) {
// вот тут и бегаем
alert(i)
}
}
</script>
</head>
<body>
<div id='container'>
<select name='ad_priceS' onchange="select_change(this.value);">
<option value=''>-------Не важно-------</option>
<option value='1'>Сезон</option>
<option value='2'>Полусезон</option>
<option value='3'>Не сезон</option>
</select>
<div>
<p>если value==1 вывести</p>
<select name='ad_sezon'>...</select>
</div>
<div>
<p>если value==2 вывести</p>
<select name='ad_polusezon'>...</select>
</div>
<div>
<p>если value==3 вывести</p>
<select name='ad_nesezon'>...</select>
</div>
</div>
</body>
</html>
|
ksa,
Спасибо! |
| Часовой пояс GMT +3, время: 05:42. |