通过jquery onchange选择选项打开模型窗口

Question

如何通过jquery onchange选项选项打开模型窗口???

Modal窗口代码在这里:

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" id="myModal" style="display:none" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
       Some Contents here..         
    </div>
  </div>
</div>

选择代码选项在这里:

<select id="selectbox">
    <option value="0">- Select -</option>
    <option value="1">yes</option>
    <option value="2">No</option>
</select>

Answer 1

首先,您需要获取jQuery UI对话框并将其放入(document).ready处理程序中.

$('#dialog-modal').dialog({
    modal: true,
    autoOpen: false
});

之后,您定义一个函数,在.change()其上面应该打开对话框:

$('select').change(function () {
    $('#dialog-modal').dialog('open');
});

要说它应该打开'是',只需输入一个代表你的'是'选择的if语句:

if ($(this).val() == "1") {
//...code...
}

DEMO