Изменение отображающихся данных при смене SELECT'a

bar-boss · March 14, 2008

Есть . Как сделать так, чтобы при изменении менялись данные на сайте.

Например,

если я выбираю Руб./Доллар то рядом циферка поменяется на 25

Руб./Евро то рядом цифра поменяется на 35 и так далее.

Иван Шумов · March 14, 2008

<select onchange="location.replace('http://www.sait.ru/');">

ну а если хочешь без перезагрузка страницы - тут Аякс надо

bar-boss · March 14, 2008

Зачем Аякс. Тут можно и без него.

Может нужно создать какой-нибудь массивчик?

1 - Руб./Доллар - 25

2 - Руб./Евро - 35

И в зависимости от выбранного Value, рядом должна появляться цифра (25, 35 ...)

Как это сделать? Подскажите!

Иван Шумов · March 14, 2008

<select onchange="document.getElementById(this.value).style.display = """>
<option value="1">1111</option>
</select>

<div id="1" style="display: none;">TEXT</div>

что-то в этом роде

Sams · March 14, 2008

Посмотри, может модифицируешь под свои нужды!

<html>
<head>
<title>Динамический select</title>
<script language='JavaScript'>
<!-- //
 var aData = new Array();
 aData[0] = new Array();
 aData[0][0] = new Option('Выбери в parent','0');
 aData[1] = new Array();
 aData[1][0] = new Option('1-1','301');
 aData[1][1] = new Option('1-2','304');
 aData[1][2] = new Option('1-3','305');
 aData[1][3] = new Option('1-4','302');
 aData[1][4] = new Option('1-5','303');
 aData[2] = new Array();
 aData[2][0] = new Option('2-1','101');
 aData[2][1] = new Option('2-2','102');
 aData[2][2] = new Option('2-3','103');

 function reload(curIndex){
 if (curIndex<0) return;
 var arOpts = document.form1.child_value.options;
 arOpts.length=0;
 for ( var i=0,n=aData[curIndex].length; i<n; i++ ){
 arOpts.length++;
 arOpts[arOpts.length-1].text = aData[curIndex][i].text;
 arOpts[arOpts.length-1].value = aData[curIndex][i].value;
 }
 }
</script>
</head>
<body onLoad='document.form1.perent_value.focus();'>
 <form name='form1' method='post' action='' onSubmit='return(false);'>
 Parent:  
 <select name='perent_value' size='1' onChange='reload(this.selectedIndex);'>
 <option value='0'>Выбери</option>
 <option value='30'>Значение 1</option>
 <option value='10'>Значение 2</option>
 </select>

 Child:    
 <select name='child_value' size='1'>
 <option value=''>Выбери в parent</option>
 </select>
</form>
</body>
</html>

Sign In

Изменение отображающихся данных при смене SELECT'a

Question

bar-boss

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Иван Шумов

Link to comment

Share on other sites

bar-boss

Link to comment

Share on other sites

Иван Шумов

Link to comment

Share on other sites

Sams

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information