使用jquery ui弹出对话框,需引用jquery库及jquery ui库,可从官网下载


<div id="dialog" title="" style="display:none;">
            <Br>
           <textarea id="context" rows="5" cloumn="10"></textarea>
 </div>    $("#dialog").dialog({
        resizable : false,
        position : [ x, y ],//弹出对话框位置,相对于弹出页面的位置
        autoOpen : false,//是否自动打开,默认为true
        width:400,//设定对话框宽度        //给弹出对话框增加2个按钮
        buttons : [ {
            text : "确定",
            click : function() {
               //编写要处理的内容     //.................
                $(this).dialog("close");
            }
        }, {
            text : "取消",
            click : function() {
                $(this).dialog("close");
            }
        } ]
    });
    // 对话框打开时要处理的内容,如将文本框中的内容清除等等
    $( "#dialog" ).on( "dialogopen", function( event, ui ) {
         $('#context').attr('value',''); 
         
    });