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, время: 16:11. |