document.getElementById и select
Доброго времени суток всем. У меня такой вопрос к знающим людям.
Есть форма
<form name="qwe">
<select onchange="document.getElementById('id_2').innerHTML=this.options[this.selectedIndex].value;" ;>
<option value =" "></option>
<option value=1>бла</option>
<option value=2>бла бла</option>
<option value=3 >бла бла бла</option>
</select>
</form>
<div id="id_2"></div>
При выборе значения из списка, на страницу выводится номер 1, 2, 3. Подскажите как мне выводить текст в зависимости от выбранного элемента. Не номер, не бла, бла бла, а свой текст? За ранее спасибо. |
<script>
values=[
'ноль',
'один',
'два',
'три'
]
values.undefined = 'нетути';
</script>
<form name="qwe">
<select onchange="document.getElementById('id_2').innerHTML=values[this.selectedIndex]">
<option value =" "></option>
<option value=1>бла</option>
<option value=2>бла бла</option>
<option value=3 >бла бла бла</option>
</select>
</form>
<div id="id_2"></div>
|
Спасибо
|
А что сделать, чтобы values.undefined = 'не тупи'; заработало?
<script>
values=[
'ноль',
'один',
]
values.undefined = 'не тупи';
</script>
<form name="qwe">
<select onchange="document.getElementById('id_2').innerHTML=values[this.selectedIndex]">
<option value =" "></option>
<option value=1>бла</option>
<option value=2>бла бла</option>
<option value=3 >бла бла бла</option>
<option value=4 >бла бла бла бла</option>
</select>
</form>
<div id="id_2"></div>
|
id_2.innerHTML = values[this.selectedIndex] || 'не тупи' Можно еще так:
<form name="qwe">
<select onchange="id_2.innerHTML = selectedOptions[0].getAttribute('data-text') || 'не тупи'">
<option value=0 data-text="ноль"></option>
<option value=1 data-text="одын">бла</option>
<option value=2 data-text="двы">бла бла</option>
<option value=3>бла бла бла</option>
<option value=4>бла бла бла бла</option>
</select>
</form>
<div id="id_2"></div>
|
document.getElementById('id_2').innerHTML=this.value
|
Цитата:
|
Цитата:
Большое спасибо! :dance: |
Цитата:
Цитата:
Цитата:
|
и так тоже:
Цитата:
document.getElementById('id_2').innerHTML=this.value
самый правильный вариант:
<form name="qwe">
<select id="my_select">
<option value="0"></option>
<option value="1">бла</option>
<option value="2">бла бла</option>
<option value="3">бла бла бла</option>
<option value="4">бла бла бла бла</option>
</select>
</form>
<div id="id_2"></div>
<script type="text/javascript">
(function() {
var texts = [
"ololol",
"hahaha",
],
select = document.getElementById('my_select'),
id2 = document.getElementById('id_2'),
eventHandler = function() {
id2.innerHTML = texts[select.value] || "не тупи";
}
if (select.addEventListener) {
select.addEventListener('change', eventHandler, false);
} else {
select.attachEvent('onchange', eventHandler);
}
})();
</script>
|
| Часовой пояс GMT +3, время: 21:55. |