Вход

Просмотр полной версии : Вопрос по select


CoolDoom
09.03.2011, 16:17
Я новенький в этом деле по этому сам не смог разобратся.
Как можно через select заменять содержание страницы, в данном случии код плеера, как на этом сайте.
kinofilms.tv (http://kinofilms.tv/film/zveroboj-serial-2/19329/)

Vulkan
09.03.2011, 16:36
Как вариант:

<script type="text/javascript">
function go(value) {
var text = '';
switch (value) {
case '1':
text = 'Первый';
break;
case '2':
text = 'Второй';
break;
case '3':
text = 'Третий';
break;
case '4':
text = 'Четвёртый';
break;
}
document.getElementById('result').innerHTML = text;
}
</script>

<select onchange="go(this.value);">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

<div id="result"></div>

Matre
09.03.2011, 18:25
Vulkan
Вы странный.
Выложили точно такой же по структуре код (http://govnokod.ru/5906) и пишете его снова.
Можно же сделать как у людей:

<select id='main'>
<option>
1
</option>
<option>
2
</option>
<option>
3
</option>
</select>
<span id='txt'>
</span>
<script type='text/javascript'>
document.getElementById("main").onchange = function () {
document.getElementById("txt").innerHTML = {
"1" : "Первый",
"2" : "Второй",
"3" : "Третий"
}[this.value];
};
</script>

monolithed
09.03.2011, 21:56
Если уж на то пошло:

<script type='text/javascript'>
window.onload = function() {
document.getElementById("main").onchange = function () {
document.getElementById("txt").innerHTML = this.options[this.selectedIndex].text;
};
}
</script>

<select id="main">
<option value="0" selected="selected">-выберите--</option>
<option value="1">Первый</option>
<option value="2">Второй</option>
<option value="3">Третий</option>
</select>

<span id="txt"></span>