bootstrap的模态框的使用
程序员文章站
2023-12-30 13:13:16
...
【1】模态框的编写
<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="width: 690px; display: none;">
<div class="modal-dialog" role="document" style="width: 690px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">搜索订单</h4>
</div>
<div class="modal-body">
<div class="input-group">
<input type="number" class="form-control" id="mobile" placeholder="手机号"/>
<span class="input-group-addon btn btn-primary" onclick="getOrders();" style="margin-bottom: 8px;">搜索订单</span>
<div id="orderList"></div><div id="modelButton" style="text-align:center;"></div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭</button>
</div>
</div>
</div>
</div>
【2】设置触发模态框的按钮
<input id="links" type="button" value="关联订单" class="btn btn-primary" data-toggle="modal" data-target="#myModal"/>
推荐阅读
-
取值,并赋值到相应的文本框中_html/css_WEB-ITnose
-
使用PHP操作DB2 Express C的五种方法(1)_PHP教程
-
bootstrap的模态框的使用
-
使用php时出现了no database selected的问题 求大神帮助
-
基于在生产环境中使用php性能测试工具xhprof的详解 游戏性能测试工具 web性能测试工具 网络性能测试工
-
ThinkPHP3.1新特性之命名范围的使用_PHP教程
-
Oracle的SQLPLUS命令使用集合
-
详细解读Linux系统中ntpq命令的使用
-
PHP preg_match正则表达式的使用_PHP教程
-
HTML5实践-使用css3如何完成google涂鸦动画的详解