弹出模态框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 相关文章推荐
利用文件属性结合Session实现在线人数统计
Oct 09 PHP
PHP新手上路(十四)
Oct 09 PHP
CI框架开发新浪微博登录接口源码完整版
May 28 PHP
php使用GeoIP库实例
Jun 27 PHP
php使用cookie显示用户上次访问网站日期的方法
Jan 26 PHP
PHP转盘抽奖接口实例
Feb 09 PHP
如何解决phpmyadmin导入数据库文件最大限制2048KB
Oct 09 PHP
学习php设计模式 php实现访问者模式(Visitor)
Dec 07 PHP
thinkphp验证码的实现(form、ajax实现验证)
Jul 28 PHP
php实现多维数组排序的方法示例
Mar 23 PHP
PHP实现类似于C语言的文件读取及解析功能
Sep 01 PHP
在 Laravel 项目中使用 webpack-encore的方法
Jul 21 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中插入当前时间
2008/04/06 PHP
php四种基础算法代码实例
2013/10/29 PHP
浅谈PHP eval()函数定义和用法
2016/06/21 PHP
php使用parse_str实现查询字符串解析到变量中的方法
2017/02/17 PHP
Yii2框架控制器、路由、Url生成操作示例
2019/05/27 PHP
Nigma vs Alliance BO5 第三场2.14
2021/03/10 DOTA
用javascript实现给出的盒子的序列是否可连为一矩型
2007/08/30 Javascript
jQuery学习笔记之控制页面实现代码
2012/02/27 Javascript
JavaScript 创建运动框架的实现代码
2013/05/08 Javascript
鼠标经过显示二级菜单js特效
2013/08/13 Javascript
jQuery新的事件绑定机制on()示例应用
2014/07/18 Javascript
jquery使用hide方法隐藏指定id的元素
2015/03/30 Javascript
JavaScript的模块化开发框架Sea.js上手指南
2016/05/12 Javascript
vue动态组件实现选项卡切换效果
2017/03/08 Javascript
在Mac下彻底卸载node和npm的方法
2018/05/16 Javascript
elementUI select组件默认选中效果实现的方法
2019/03/25 Javascript
使用localStorage替代cookie做本地存储
2019/09/25 Javascript
JS如何调用WebAssembly编译出来的.wasm文件
2020/11/05 Javascript
[01:47]2018年度DOTA2最佳教练-完美盛典
2018/12/16 DOTA
公认8个效率最高的爬虫框架
2020/07/28 Python
CSS3实现类似翻书效果的过渡动画的示例代码
2019/09/06 HTML / CSS
html5简单示例_动力节点Java学院整理
2017/07/07 HTML / CSS
Superdry极度乾燥官网:日本街头风格,纯英国制造品牌
2016/10/31 全球购物
洛杉矶时尚女装系列:J.ING US
2019/03/17 全球购物
澳洲最大的时尚奢侈品电商平台:Cettire
2020/06/15 全球购物
英国儿童设计师服装和玩具购物网站:Zac & Lulu
2020/10/19 全球购物
商务英语求职自荐信范文
2013/12/24 职场文书
经贸日语专业个人求职信范文
2013/12/28 职场文书
大学同学聚会邀请函
2014/01/29 职场文书
教师产假请假条
2014/04/10 职场文书
营销部内勤岗位职责
2014/04/30 职场文书
英文求职信范文
2014/05/23 职场文书
乡镇三严三实学习心得体会
2014/10/13 职场文书
交通事故协议书范文
2014/10/23 职场文书
2014年体育部工作总结
2014/11/13 职场文书
小学四年级班务总结该怎么写?
2019/08/16 职场文书