我想设置一个选项,之前选择显示在页面加载。我尝试了下面的代码:

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

with

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

但这并不奏效。什么好主意吗?


当前回答

我也有同样的问题。

解决方法:添加刷新。

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

其他回答

$(" #门”)。瓦尔(“网关2”)。道具(“选择”,真正的);

  $("#form-field").val("5").trigger("change");
$(function() {
$("#demo").val('hello');
});

我的问题

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);

我知道有几个迭代的答案,但现在这不需要jquery或任何其他外部库,可以很容易地完成只需以下。

文档。querySelector("#gate选项[value='Gateway 2']").setAttribute('selected',true); <选择id = "门" > <option value='null'>- choose -</option> . <option value='Gateway 1'>Gateway 1</option> . /option> . /option> <option value='Gateway 2'>Gateway 2</option> < /选择>