Select не видит выбранные option
Здравствуйте!
Сделал форму, на форме есть select. При выборе option в этом select переменная не видит какой выбрала. Код разметки: <select name="imodel" id="imodelphone" onchange="func1()"> <option value="5">iPhone 5</option> <option value="6">iPhone 6</option> </select> Код JS: function func1(){ var seld = document.getElementById('imodelphone'); var sel = document.getElementById('imodelphone').selectedIndex; var options = document.getElementById('imodelphone').options; console.log(seld.selectedIndex); alert('Вы выбрали: '+options[sel].text); } Проблема на странице: http://iphone.glazhost.tk/#showmodal_61 |
<select name="imodel" id="imodelphone" onchange="func1(this)"> <option value="5">iPhone 5</option> <option value="6">iPhone 6</option> </select> <script> function func1(elem){ alert(elem.value); } </script> Или <select name="imodel" id="imodelphone"> <option value="5">iPhone 5</option> <option value="6">iPhone 6</option> </select> <script> imodelphone.onchange=function (){ alert(this.value); } </script> Лучше так <select name="imodel" id="imodelphone"> <option value="" disabled selected>Выберите модель</option> <option value="5">iPhone 5</option> <option value="6">iPhone 6</option> </select> <script> imodelphone.onchange=function (){ alert(this.value); } </script> |
selectedIndex находится в options
<select name="imodel" id="imodelphone" onchange="func1()"> <option value="5">iPhone 5</option> <option value="6">iPhone 6</option> </select> <script> console.log( { imodelphone: document.getElementById('imodelphone'), opts: document.getElementById('imodelphone').options, selected: document.getElementById('imodelphone').options[document.getElementById('imodelphone').options.selectedIndex].value }) </script> |
SuperZen,
Dilettante_Pro, проблема не в этом, его код тоже работает, на странице одинаковые ID |
finlolo,
поменяйте ID для второго или первого чехла и все заработает |
j0hnik,
Цитата:
|
Dilettante_Pro,
незачем, но как я уже говорил проблема глубже, и замена кода на ваш ее не решает |
Еще такой вопрос:
почему не срабатывает через onchange? имею в виду не через html элемент указывать а в коде |
Цитата:
|
j0hnik,
ID у чего одинаковы? у select он один, а у его option их вообще нет. |
Часовой пояс GMT +3, время: 07:22. |