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