如何在 Bootstrap 模式中为 HTML select 设置默认值？

Question

使用 jquery，我能够轻松地将默认值设置为 HTML select。

$(function() {
    var temp="a"; 
    $("#MySelect").val(temp);
});

<select name="MySelect" id="MySelect">
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c">c</option>
</select>

但这在 bootstrap modal select 标签中不起作用。我也通过重新初始化模态来尝试它。

  $('.modal').on('shown.bs.modal', function () {
            $('#MySelect').val(temp); 
        });

但这也行不通。这里有什么问题？

Answer 1

您可以 select 选项使用 selected 属性:

<option selected="selected">

或者您可以使用 jquery:

var country = document.getElementById("MySelect");
MySelect.options[MySelect.options.selectedIndex].selected = true;

Answer 2

检查这个 Fiddle:

Js:

$('#confirm').on('shown.bs.modal', function () {
    var temp = "b";
    $('#MySelect').val(temp);
})

如何在 Bootstrap 模式中为 HTML select 设置默认值？

How to set default value for HTML select in Bootsrap modal?

html

javascript

jquery

twitter-bootstrap

bootstrap-modal