弹出模态框modal的实现方法及实例


Posted in PHP onSeptember 19, 2017

弹出模态框modal的实现方法及实例

一个简单的点击列表修改按钮,弹出bootstrap模态框,修改状态传到后台php

<a href="" data-toggle=" rel="external nofollow" rel="external nofollow" modal" data-target="#myModal" class="btn btn-success btn-sm edit">修改</a>
     <!-- <a href="" data-toggle=" rel="external nofollow" rel="external nofollow" modal" data-target="#myModal" class="btn btn-danger btn-xs" onclick="return confirm('删除后无法恢复,确定要删除吗')">删除</a> -->
    </td>
  </tr>
  @endforeach
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
            ×
          </button>
          <h4 class="modal-title" id="myModalLabel">
              请修改回访状态
          </h4>
        </div>
        <div class="modal-body ">
      <select class="form-control" id="select">
       <option>成功</option>
       <option>未联系</option>
       <option>失败</option>
      </select>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭
          </button>
          <button type="button" class="btn btn-primary saveId">
            提交更改
          </button>
        </div>
      </div>
    </div>
  </div>
var saveID;
   $('.table').on('click','.edit',function(){
    console.log($(this).parent().parent().attr('data-id'));
    saveID = $(this).parent().parent().attr('data-id');
   });
   $('.saveId').click(function(){
     console.log(111,saveID);
      var options = $("#select option:selected");
      var status = options.val();
      $.ajax({
          type: "POST",
          url: "/subscribe/edit",
          dataType:"json",
          data:{
           "saveID" :saveID,
           "status":status,
           "_token":"{{ csrf_token() }}",
          },
          success: function(data) {
           if (data.code == 200) {
             window.location.href="{{ url('subscribe/list') }}" rel="external nofollow" ;
           }
          }
        });
   });

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

PHP 相关文章推荐
解析PHP中ob_start()函数的用法
Jun 24 PHP
php反射应用示例
Feb 25 PHP
PHP数组遍历知识汇总(包含遍历方法、数组指针操作函数、数组遍历测速)
Jul 05 PHP
PHP使用递归生成文章树
Apr 21 PHP
Symfony2实现在doctrine中内置数据的方法
Feb 05 PHP
Yii操作数据库实现动态获取表名的方法
Mar 29 PHP
PHP格式化MYSQL返回float类型的方法
Mar 30 PHP
PHP弱类型的安全问题详细总结
Sep 25 PHP
基于ThinkPHP5.0实现图片上传插件
Sep 25 PHP
Laravel框架实现model层的增删改查(CURD)操作示例
May 12 PHP
laravel框架创建授权策略实例分析
Nov 22 PHP
php计数排序算法的实现代码(附四个实例代码)
Mar 31 PHP
PHP 进度条函数的简单实例
Sep 19 #PHP
yii2.0整合阿里云oss删除单个文件的方法
Sep 19 #PHP
yii2.0整合阿里云oss上传单个文件的示例
Sep 19 #PHP
yii2.0整合阿里云oss的示例代码
Sep 19 #PHP
PHP文件系统管理(实例讲解)
Sep 19 #PHP
Laravel学习教程之View模块详解
Sep 18 #PHP
php制作圆形用户头像的实例_自定义封装类源代码
Sep 18 #PHP
You might like
小偷PHP+Html+缓存
2006/12/20 PHP
PHP开发者常犯的10个MySQL错误更正剖析
2012/01/30 PHP
Linux下创建nginx脚本-start、stop、reload…
2014/08/03 PHP
PHP实现的多彩标签效果代码分享
2014/08/21 PHP
使用PHP把HTML生成PDF文件的几个开源项目介绍
2014/11/17 PHP
php socket通信(tcp/udp)实例分析
2016/02/14 PHP
PHP7+Nginx的配置与安装教程详解
2016/05/10 PHP
PHP培训要多少钱
2017/06/06 PHP
读jQuery之七 判断点击了鼠标哪个键的代码
2011/06/21 Javascript
Javascript实现DIV滚动自动滚动到底部的代码
2012/03/01 Javascript
js防止表单重复提交的两种方法
2013/09/30 Javascript
利用JavaScript的AngularJS库制作电子名片的方法
2015/06/18 Javascript
浅谈angularJS 作用域
2015/07/05 Javascript
JavaScript中的splice方法用法详解
2016/07/20 Javascript
获取JS中网页各种高宽与位置的方法总结
2016/07/27 Javascript
微信小程序 欢迎界面开发的实例详解
2016/11/30 Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
2017/03/21 Javascript
JS触摸与手势事件详解
2017/05/09 Javascript
React入门教程之Hello World以及环境搭建详解
2017/07/11 Javascript
JS验证输入的是否是数字及保留几位小数问题
2018/05/09 Javascript
jquery实现垂直手风琴导航栏
2020/02/18 jQuery
微信小程序实现简单购物车功能
2020/12/30 Javascript
[01:33:30]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第二场 2月5日
2021/03/11 DOTA
python dict remove数组删除(del,pop)
2013/03/24 Python
Python将图片转换为字符画的方法
2020/06/16 Python
解决Django migrate No changes detected 不能创建表的问题
2018/05/27 Python
python3第三方爬虫库BeautifulSoup4安装教程
2018/06/19 Python
django框架之cookie/session的使用示例(小结)
2018/10/15 Python
如何在python中实现线性回归
2020/08/10 Python
CSS3 实现雷达扫描图的示例代码
2020/09/21 HTML / CSS
学习党课思想汇报
2013/12/29 职场文书
致百米运动员广播稿
2014/01/29 职场文书
《猴子种树》教学反思
2014/02/14 职场文书
酒桌上的开场白
2015/06/01 职场文书
高二数学教学反思
2016/02/18 职场文书
php TP5框架生成二维码链接
2021/04/01 PHP