jquery 弹出框 showDialog.js具体用法





<button type="button" class="btn btn-primary" onclick="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