He encontrado que usar el método jQuery .val () tiene un inconveniente significativo.
<select id="gate"></select>
$("#gate").val("Gateway 2");
Si este cuadro de selección (o cualquier otro objeto de entrada) está en un formulario y se usa un botón de reinicio en el formulario, cuando se hace clic en el botón de reinicio, el valor establecido se borrará y no se reiniciará al valor inicial como era de esperar.
Esto parece funcionar mejor para mí.
Para cuadros seleccionados
<select id="gate"></select>
$("#gate option[value='Gateway 2']").attr("selected", true);
Para entradas de texto
<input type="text" id="gate" />
$("#gate").attr("value", "your desired value")
Para entradas de área de texto
<textarea id="gate"></textarea>
$("#gate").html("your desired value")
Para casillas de verificación
<input type="checkbox" id="gate" />
$("#gate option[value='Gateway 2']").attr("checked", true);
Para botones de radio
<input type="radio" id="gate" value="this"/> or <input type="radio" id="gate" value="that"/>
$("#gate[value='this']").attr("checked", true);