對話框中的jquery火災事件

如何將選擇的更改事件保存到不會觸發的對話框中？對話框中的jquery火災事件

我的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/

來源

2015-10-19 Albo

您將需要添加事件對話框後，選擇元素打開。使用下面的代碼：

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();

來源

2015-10-19 12:28:39

我只是跑的jsfiddle此代碼，並看到它正在運行，顯示警報，並且改變第二選擇下拉值 –

我有更新的jsfiddle現在是確定的，坦克！ – Albo

不客氣。如果解決方案工作，請接受答案，以便它也可以幫助其他類似的問題。 –

對話框中的jquery火災事件

回答

相關問題