Изменить выбранный вариант в JQuery

Question

Мой HTML является

<select name="one_day_per_month" id="one_day_per_month" style="width: 200px"> 
    <option value="false" selected>No</option> 
    <option value="true">Yes</option> 
</select> 

страница обернут

$(document).ready(function() {...} 

можно изменить значение с помощью

$("#one_day_per_month").val("true") 

Значение обновляется, но выпадающий список не изменяется в браузере, не изменяется. Что я делаю не так?

Answer 1

Ваш код, вероятно, работает до того, как будут загружены теги HTML для вашего элемента select. Есть два способа исправить:

1. Поместите свой скрипт в конце вашего HTML непосредственно перед тегом
2. Вставить весь код в $ (функция() {/ * здесь ваш код * /}); Это гарантирует, что ваш код будет запущен после того, как HTML будет полностью загружен и проанализирован в браузере.

Answer 2

Попробуйте этот триггер вызова с изменением для достижения вашего требования.

$(document).ready(function() { 
 
$("#one_day_per_month").val("true").trigger("change"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="one_day_per_month" id="one_day_per_month" style="width: 200px"> 
 
    <option value="false" selected>No</option> 
 
    <option value="true">Yes</option> 
 
</select>