2014-10-23 3 views
-1

В моей странице JSP, я устанавливаю выберите опцию 'выбрано' по значению с помощью JS, как:Как выбрать опцию по индексу

<script> 
 
    $(function() { 
 
     document.getEleMentById('test').options[1].selected = 'selected'; 
 
    }); 
 
</script>

е: Сел

<Select id='test'> 
 
    <option value='ruby'>ruby</option> 
 
    <option value='saab'>saab</option> 
 
    <option value='nrro'>nrro</option> 
 
<select>

Результат: опция saab выбрано, но браузер не отображает ruby ​​ (выбран по умолчанию).

+2

[Fiddle] (http://jsfiddle.net/d8kh6bhc/) с правильной 'getElementById'. И с «more jQuery» только для полноты: [скрипка] (http://jsfiddle.net/d8kh6bhc/1/) – Regent

+2

в следующий раз вы должны сначала просмотреть окно консоли (там сообщаются почти значимые ошибки), вы должны были решить это сам. –

ответ

1

У вас есть ошибка в getElementById функции, что код правильный:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id='test'> 
 
<option value='ruby'>ruby</option> 
 
<option value='saab'>saab</option> 
 
<option value='nrro'>nrro</option> 
 
<select> 
 
<script> 
 
    $(function(){ 
 
     document.getElementById('test').options[1].selected = 'selected'; 
 
    }); 
 
</script>

Смежные вопросы