弹出模态框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 相关文章推荐
一次编写,随处运行
Oct 09 PHP
详细介绍PHP应用提速面面观
Oct 09 PHP
[转帖]PHP世纪万年历
Dec 06 PHP
dedecms采集中可以过滤多行代码的正则表达式
Mar 17 PHP
php面向对象全攻略 (四)构造方法与析构方法
Sep 30 PHP
Windows下安装PHP单元测试环境PHPUnit图文教程
Oct 24 PHP
PHP实现的带超时功能get_headers函数
Feb 10 PHP
php两种无限分类方法实例
Apr 21 PHP
关于PHP文件的自动运行方法分析
May 13 PHP
php版微信支付api.mch.weixin.qq.com域名解析慢原因与解决方法
Oct 12 PHP
PHP实现微信提现功能(微信商城)
Nov 21 PHP
Laravel框架源码解析之反射的使用详解
May 14 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+mysql保存和输出文件
2006/10/09 PHP
一些需要禁用的PHP危险函数(disable_functions)
2012/02/23 PHP
php 注册时输入信息验证器的实现详解
2013/07/05 PHP
thinkphp3.x自定义Action、Model及View的简单实现方法
2016/05/19 PHP
thinkphp中多表查询中防止数据重复的sql语句(必看)
2016/09/22 PHP
PHP如何实现订单的延时处理详解
2017/12/30 PHP
PHP常见的序列化与反序列化操作实例分析
2019/10/28 PHP
js 加载时自动调整图片大小
2008/05/28 Javascript
jquery 隐藏与显示tr标签示例代码
2014/06/06 Javascript
jQuery中:last选择器用法实例
2014/12/30 Javascript
jQuery的deferred对象使用详解
2016/09/25 Javascript
网页瀑布流布局jQuery实现代码
2016/10/21 Javascript
angular ng-click防止重复提交实例
2017/06/16 Javascript
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
2017/09/02 Javascript
php main 与 iframe 相互通讯类(js+php同域/跨域)
2017/09/14 Javascript
微信小程序实现分享朋友圈的图片功能示例
2019/01/18 Javascript
详解iframe跨域的几种常用方法(小结)
2019/04/29 Javascript
vuex vue简单使用知识点总结
2019/08/29 Javascript
Swiper.js实现移动端元素左右滑动
2019/09/08 Javascript
JavaScript实现浏览器网页自动滚动并点击的示例代码
2020/12/05 Javascript
python在windows下实现备份程序实例
2014/07/04 Python
使用Mixin设计模式进行Python编程的方法讲解
2016/06/21 Python
Python中scatter函数参数及用法详解
2017/11/08 Python
python opencv 直方图反向投影的方法
2018/02/24 Python
numpy中的高维数组转置实例
2018/04/17 Python
python模糊图片过滤的方法
2018/12/14 Python
使用Python paramiko模块利用多线程实现ssh并发执行操作
2019/12/05 Python
[原创]赚疯了!转手立赚800+?大佬的python「抢茅台脚本」使用教程
2021/01/12 Python
在python3.9下如何安装scrapy的方法
2021/02/03 Python
Timberland法国官网:购买靴子、鞋子、衣服、夹克和配饰
2019/11/30 全球购物
幼儿园五一活动方案
2014/02/07 职场文书
军训口号
2014/06/13 职场文书
培训科主任岗位职责
2014/08/08 职场文书
幼儿学前班评语
2014/12/29 职场文书
国庆庆典邀请函
2015/02/02 职场文书
未发现nvidia显卡怎么办?Win11系统中未检测到nvidia显卡解决教程
2022/04/08 数码科技