弹出模态框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过滤危险html代码
Aug 18 PHP
PHP操作数组相关函数
Feb 03 PHP
php数组函数序列之krsort()- 对数组的元素键名进行降序排序,保持索引关系
Nov 02 PHP
利用PHP扩展vld查看PHP opcode操作步骤
Mar 04 PHP
彻底删除thinkphp3.1案例blog标签的方法
Dec 05 PHP
Smarty foreach控制循环次数的一些方法
Jul 01 PHP
PHP中strncmp()函数比较两个字符串前2个字符是否相等的方法
Jan 07 PHP
php使用escapeshellarg时中文被过滤的解决方法
Jul 10 PHP
利用php-cli和任务计划实现刷新token功能的方法
May 03 PHP
PHP正则匹配操作简单示例【preg_match_all应用】
Jul 10 PHP
CakePHP框架Model关联对象用法分析
Aug 04 PHP
PHP 文件上传限制问题
Sep 01 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优化那些事(经验分享)
2014/11/27 PHP
php实现SAE上使用storage上传与下载文件的方法
2015/06/29 PHP
PHP正则表达式入门教程(推荐)
2016/05/18 PHP
一键生成各种尺寸Icon的php脚本(实例)
2017/02/08 PHP
PHP array_reduce()函数的应用解析
2018/10/28 PHP
Laravel5框架自定义错误页面配置操作示例
2019/04/17 PHP
Nigma vs Alliance BO5 第二场2.14
2021/03/10 DOTA
jquery 事件执行检测代码
2009/12/09 Javascript
JavaScript之引用类型介绍
2012/08/10 Javascript
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
2013/09/25 Javascript
如何实现修改密码时密码框显示保存到cookie的密码
2013/12/10 Javascript
JS 弹出层 定位至屏幕居中示例
2014/05/21 Javascript
jQuery实现非常实用漂亮的select下拉菜单选择效果
2015/11/06 Javascript
引用jquery框架后出错的解决方法
2016/08/09 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
2016/08/17 Javascript
JS控制HTML元素的显示和隐藏的两种方法
2016/09/27 Javascript
原生JS实现圣旨卷轴展开效果
2017/03/06 Javascript
Vue引入jquery实现平滑滚动到指定位置
2018/05/09 jQuery
Python语言实现获取主机名根据端口杀死进程
2016/03/31 Python
Python程序中的观察者模式结构编写示例
2016/05/27 Python
Python基于SMTP协议实现发送邮件功能详解
2018/08/14 Python
Python中fnmatch模块的使用详情
2018/11/30 Python
python矩阵的转置和逆转实例
2018/12/12 Python
python selenium firefox使用详解
2019/02/26 Python
pytorch 图像预处理之减去均值,除以方差的实例
2020/01/02 Python
Django框架models使用group by详解
2020/03/11 Python
浅谈keras中的目标函数和优化函数MSE用法
2020/06/10 Python
浅谈TensorFlow之稀疏张量表示
2020/06/30 Python
Python使用文件操作实现一个XX信息管理系统的示例
2020/07/02 Python
详解CSS3:overflow属性
2020/11/17 HTML / CSS
先进党支部事迹材料
2014/01/13 职场文书
初三政治教学反思
2014/01/30 职场文书
化妆品促销方案
2014/02/24 职场文书
计算机专业毕业生求职信
2014/04/30 职场文书
2014工程部年度工作总结
2014/12/17 职场文书
铁路安全反思材料
2014/12/24 职场文书