Bootstrap Modal并选择:如果用户单击Cancel,请返回select上的第一个项目

时间:2015-10-01 21:07:28

标签: jquery twitter-bootstrap

如果用户点击“模态”框中的“取消”按钮,如何选择返回第一个选项?

以下是我的 example ,以便更好地澄清。

这是我用来在选择选项上打开模态框的脚本:

$('.selectpicker').change(function() {
    var manage = $(this).val();
    if(manage==="sequenceA"){
        $('.js-my-modal-a').modal("show");
    } else if(manage==="sequenceB") {
        $('.js-my-modal-b').modal("show");
    }
});

如果用户点击取消,则选择应返回<option data-hidden="true">Manage</option>

1 个答案:

答案 0 :(得分:1)

Demo

$('.selectpicker').change(function() {
    var manage = $(this).val();
    if(manage==="sequenceA"){
        $('.js-my-modal-a').modal("show");
    } else if(manage==="sequenceB") {
        $('.js-my-modal-b').modal("show");
    }
});

$(".modal button[data-dismiss='modal']").on("click",function()
                                            {
    $('.selectpicker').attr("title","Manage").find("span.filter-option").text("Manage");
});