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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM