jquery 弹出框 showDialog.js具体用法

<button type="button" class="btn btn-primary" οnclick="add_menu();" style="float:right;">添加菜单</button>



<script src="<{$public}>/js/showDialog/showDialog.js"></script>
<link rel="stylesheet" href="<{$public}>/js/showDialog/showDialog.css">

<script>
    var _html='';
    function add_menu()
    {
        _html ='<form class="form-inline">'+ 
                    '菜单名称：<input type="text" class="form-control"  placeholder="菜单名称" style="margin-bottom:10px;">'+'<br/>'+
                    '父级菜单：<select name="pid" id="pid"  class="form-control" style="margin-bottom:10px;">'+
                                    '<option selected="selected" value="0">请选择父菜单：</option>'+
                                    '<option value="7">集团介绍</option><option value="10">活动专区</option><option value="11">客服中心</option> '+
                                '</select>'+'<br/>'+
                    '菜单类型：<select name="menu_type" class="form-control menu_type" style="margin-bottom:10px;">'+
                                   '<option value="1">关键词回复菜单</option> '+     
                                    '<option value="2">url链接菜单</option>'+
                                    '<option value="3">微信扩展菜单</option>'+  
                                '</select>'+'<br/>'+
                    '关键词：<input type="text" class="form-control"  placeholder="关联关键词" style="margin-bottom:10px;">'+'<br/>'+
                    '显示： <label class="radio-inline">'+
                                '<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 是'+
                            '</label>'+
                            '<label class="radio-inline" >'+
                                '<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 否'+
                            '</label>'+'<br/>'+
                    '排列：<input type="text" class="form-control"  placeholder="排列" style="margin-top:10px;">'+'<br/>'+
                    '<div style="margin-top:20px; ">'+
                        '<input class="btn btn-default" type="submit" value="提交"  style="margin-left:100px;">'+
                    '</div>'+
                '</form>';

        showDialog('window', _html, '添加菜单', '650');
    }

</script>

 

转载于:https://www.cnblogs.com/hnbiao/p/5210382.html