Как изменить выбранный вариант выбора с помощью JavaScript?

Question

У меня есть очень простая задача, но я не могу понять, как это сделать ... В моей HTML страницы, у меня есть простой выберите тег:

<select id="selection-type"> 
    <option disabled="disabled">Type</option> 
    <option value="0">Tous les types</option> 
    <option value="1">Appartement</option> 
    <option value="2">Maison</option> 
    <option value="3">Terrain</option> 
</select> 

Я хочу, чтобы установить конкретный динамически используя JavaScript, но мне просто удалось изменить выбранный индекс, а не отображаемое значение. В настоящее время я делаю это (в разделе колонтитула моей HTML страницы):

<script type="text/javascript"> 
    $(document).ready(function(){ 
    document.getElementById("selection-type").selectedIndex = 2; 
}); 
</script> 

И в результате, это изменить выбранный индекс моего выбора, но отображается текст не «обновление»: значение «Tous les types» остается. Фактически, я хочу изменить весь выбор, например. выбранный вариант, а не только индекс.

Answer 1

Похоже, вы используете jQuery. Вы можете использовать val метод JQuery, чтобы изменить поле выбора, используя value опции вы хотите выбрать:

$(document).ready(function() { 
    $('#selection-type').val('1'); 
}); 

Или вам нужно, чтобы это было сделано в простом JavaScript?

Edit:

Какой браузер вы используете? selectedIndex вещь, которую вы делаете, действительно работает для меня в Chrome 24.0.1312.5.

Answer 2

Вы пробовали:

document.getElementById("selection-type").value = document.getElementById("selection-type").selectedIndex.value; 

Answer 3

Наконец, у меня найти способ, чтобы заставить его работать. Я до сих пор использую мой первый метод, но я выполнить его перед $ (документ) .ready:

<script type="text/javascript"> 
    document.getElementById("selection-type").selectedIndex = 2; 
    $(document).ready(function() { 
     ... 
    }); 
</script> 

Я не понимаю, почему именно .. но это работа. Большое спасибо.