Question

如何在更改选项时通过jQuery打开模态框？

Answer 1

您可以为选择选项更改

发送侦听器

HTML

<select id="selectMe">
<option value='1'>1</option>
<option value='2'>2</option>
</select>

jquery的

alert('ready');
$('#selectMe').change(function() {
    alert('Call modal function');
});

Answer 2

取决于“模态框”（或问题中的“模型框”）的含义。

如果你在谈论jQuery UI Dialog，那应该这样做：

$(document).ready(function() {

    // Set the element as a dialog
    $('div#modalDialog').dialog({
        modal: true,
        autoOpen: false
    });

    // Set the dialog to open when mySelect changes
    $('select#mySelect').change(function() {
        $('#modalDialog').dialog('open');
    });

});

这将在DOM加载后，将div元素与id“modalDialog”配置为模态对话框，并在change事件的select事件上设置一个监听器带有id“mySelect”的{1}}元素打开对话框。

Answer 3

onchange = "$('#dialogboxname').dialog('open');"

添加上面的onchange属性^

通过jQuery onchange选择选项打开模式框

3 个答案: