如何在Bootsrap模式中设置HTML select的默认值？

Question

使用jquery，我可以轻松地将默认值设置为HTML。

$(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选择标记。 我也尝试重新初始化模态。

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

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

Answer 1

检查Fiddle：

JS：

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

Answer 2

您可以使用selected属性选择选项：

<option selected="selected">

或者您可以使用jquery：

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