设置选择框的选择选项

我想设置一个先前选择的要在页面加载时显示的选项。我用以下代码尝试了它：

$("#gate").val('Gateway 2');

与

<select id="gate">
    <option value='null'>- choose -</option>
    <option value='gateway_1'>Gateway 1</option>
    <option value='gateway_2'>Gateway 2</option>
</select>

但这是行不通的。有任何想法吗？

这绝对应该工作。这是一个演示。确保已将代码放入$(document).ready：

$(function() {
    $("#gate").val('gateway_2');
});

$(document).ready(function() {
    $("#gate option[value='Gateway 2']").prop('selected', true);
    // you need to specify id of combo to set right combo, if more than one combo
});

$('#gate').val('Gateway 2').prop('selected', true);

我发现使用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 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);

  $("#form-field").val("5").trigger("change");

很好 看到这个小提琴：http : //jsfiddle.net/kveAL/

您是否可能需要在$(document).ready()处理程序中声明jQuery ？

另外，您可能会拥有两个具有相同ID的元素吗？

这将是另一个选择：

$('.id_100 option[value=val2]').prop('selected', true);

我有同样的问题。

解决方案：添加刷新。

$("#gate").val('Gateway 2');
$("#gate").selectmenu('refresh');

我知道答案有好几次迭代，但是现在不需要jquery或任何其他外部库，只需执行以下操作就可以轻松完成。

document.querySelector("#gate option[value='Gateway 2']").setAttribute('selected',true);

<select id="gate">
    <option value='null'>- choose -</option>
    <option value='Gateway 1'>Gateway 1</option>
    <option value='Gateway 2'>Gateway 2</option>
</select>

有些情况可能是

$('#gate option[value='+data.Gateway2+']').attr('selected', true);

我的问题

get_courses(); //// To load the course list
$("#course").val(course); //// Setting default value of the list

我遇到过同样的问题 。与您的代码唯一的不同在于，我是通过ajax调用加载选择框的，而一旦执行了ajax调用，我便设置了选择框的默认值

解决方案

get_courses();
   setTimeout(function() {
     $("#course").val(course);
  }, 10);

我有一个问题，即由于调用之前的语法错误，未设置该值。

$("#someId").value(33); //script bailed here without showing any errors Note: .value instead of .val
$("#gate").val('Gateway 2'); //this line didn't work.

调用前检查语法错误。

$(function() {
$("#demo").val('hello');
});

// Make option have a "selected" attribute using jQuery

var yourValue = "Gateway 2";

$("#gate").find('option').each(function( i, opt ) {
    if( opt.value === yourValue ) 
        $(opt).attr('selected', 'selected');
});

@icksde和@Korah的附加内容（两者均是如此！）

使用AJAX 构建选项时，可能会在构建列表之前触发document.ready，因此

这不行

$(document).ready(function() {
    $("#gate").val('Gateway 2');
});

这确实

超时确实有效，但正如@icksde所说的那样，它很脆弱（我实际上确实需要20ms而不是10ms）。最好将其安装在AJAX函数中，如下所示：

$("#someObject").change(function() {
    $.get("website/page.php", {parameters}, function(data) {
        $("#gate").append("<option value='Gateway 2'">" + "Gateway 2" + "</option>");
        $("#gate").val('Gateway 2');
    }, "json");
});