如何在 Bootstrap 模式中为 HTML 选择设置默认值？答案

【问题标题】：How to set default value for HTML select in Bootsrap modal?如何在 Bootstrap 模式中为 HTML 选择设置默认值？
【发布时间】：2015-08-03 15:48:33
【问题描述】：

使用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 选择标签。我也尝试过重新初始化模态。

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

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

【问题讨论】：

可以使用默认选中的HTML吗？ <option selected="selected" value="a">a</option> 还是必须以编程方式完成？
我需要动态地做这个
您的代码上方是否设置了temp？您在控制台中看到了什么？
@Shashika ：检查我的答案，我已经为您创建了一个工作小提琴。我相信您没有给出正确的模态使用 id 类。

标签： javascript jquery html twitter-bootstrap bootstrap-modal

【解决方案1】：

查看Fiddle：

Js：

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

【讨论】：

【解决方案2】：

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

<option selected="selected">

或者你可以使用 jquery：

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

【讨论】：