Я виявив, що за допомогою методу jQuery .val () є істотний недолік.
<select id="gate"></select>
$("#gate").val("Gateway 2");
Якщо це поле для вибору (або будь-який інший об'єкт введення) знаходиться у формі і є кнопка скидання, яка використовується у формі, після натискання кнопки скидання встановлене значення очиститься, а не скинеться до початкового значення, як ви очікували.
Здається, це найкраще працює для мене.
Для полів Вибір
<select id="gate"></select>
$("#gate option[value='Gateway 2']").attr("selected", true);
Для введення тексту
<input type="text" id="gate" />
$("#gate").attr("value", "your desired value")
Для входів textarea
<textarea id="gate"></textarea>
$("#gate").html("your desired value")
Для прапорців
<input type="checkbox" id="gate" />
$("#gate option[value='Gateway 2']").attr("checked", true);
Для радіо кнопок
<input type="radio" id="gate" value="this"/> or <input type="radio" id="gate" value="that"/>
$("#gate[value='this']").attr("checked", true);