对话框中的jQuery火灾事件

Question

如何将选择更改事件保存到不触发的对话框中？

我的HTML：

    <body>
    <div id="dialog_message"></div>
    </body>

我的JAVASCRIPT：

    var titolo = 'my dialog';
    var s="<select id=\"MYSEL1\" name=\"MYSEL1\"><option value=\"A\">opt A</option><option value=\"B\">opt B</option></select><br><select id=\"MYSEL2\" name=\"MYSEL2\"></select>";

    $( "#dialog_message" ).dialog({
        resize: 'auto',
        draggable: true,
        resizable: false,
        closeOnEscape: false,
        open: function() {      // open event handler
            $(this).parent().find(".ui-dialog-titlebar-close").hide();
            $(this).html(s);
        },
        buttons: {
            Annulla: function() {
                $( this ).dialog( "close" );
            }
        },
        title: titolo
    });
    $("select").selectmenu();
    $("#MYSEL1").on("change", function() {
        var n=$(this).attr("id");
        var dd = $("option:selected", this);
        var d = $(this).val();
        alert (d);  
        $("#MYSEL2").empty(); // remove old options
        if (d=='A') {
            $("#MYSEL2").append('<option value=\"AA\">opt AA</option><option value=\"AAA\">opt AAA</option>');
        } else {
            $("#MYSEL2").append('<option value=\"BB\">opt BB</option><option value=\"BBB\">opt BBB</option>');
        };
    });

您可以在jsfiddle中找到以下网址： https ://jsfiddle.net/t0L915po/5/

Answer 1

对话框打开后，您将需要添加事件以选择元素。 使用以下代码：

var titolo = 'my dialog';
var s="<select id=\"MYSEL1\" name=\"MYSEL1\"><option value=\"A\">opt A</option><option value=\"B\">opt B</option></select><br><select id=\"MYSEL2\" name=\"MYSEL2\"></select>";

$( "#dialog_message" ).dialog({
    resize: 'auto',
    draggable: true,
    resizable: false,
    closeOnEscape: false,
    open: function() {      // open event handler
        $(this).parent().find(".ui-dialog-titlebar-close").hide();
        $(this).html(s);
        $("#MYSEL1").on("change", function() {
    var n=$(this).attr("id");
    var dd = $("option:selected", this);
    var d = $(this).val();
    alert (d);  
    $("#MYSEL2").empty(); // remove old options
    if (d=='A') {
        $("#MYSEL2").append('<option value=\"AA\">opt AA</option><option value=\"AAA\">opt AAA</option>');
    } else {
        $("#MYSEL2").append('<option value=\"BB\">opt BB</option><option value=\"BBB\">opt BBB</option>');
    };
}); 
    },
    buttons: {
        Annulla: function() {
            $( this ).dialog( "close" );
        }
    },
    title: titolo
});
$("select").selectmenu();

对话框中的jQuery火灾事件

问题描述

1 个解决方案

解决方案1
0 已采纳 2015-10-19 12:28:39

对话框中的jQuery火灾事件

问题描述

1 个解决方案

解决方案1 0 已采纳 2015-10-19 12:28:39

解决方案1
0 已采纳 2015-10-19 12:28:39