弹出模态框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 相关文章推荐
mysql_fetch_assoc和mysql_fetch_row的功能加起来就是mysql_fetch_array
Jan 15 PHP
php 验证码实例代码
Jun 01 PHP
基于PHP array数组的教程详解
Jun 05 PHP
php cURL和Rolling cURL并发方式比较
Oct 30 PHP
php递归获取目录内文件(包含子目录)封装类分享
Dec 25 PHP
PHP+MYSQL会员系统的开发实例教程
Aug 23 PHP
php+mysqli数据库连接的两种方式
Jan 28 PHP
php解决DOM乱码的方法示例代码
Nov 20 PHP
php使用json_decode后数字对象转换成了科学计数法的解决方法
Feb 20 PHP
php中实现字符串翻转的方法
Feb 22 PHP
PHP实现QQ登录的开原理和实现过程
Feb 04 PHP
实现php删除链表中重复的结点
Sep 27 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
让你同时上传 1000 个文件 (二)
2006/10/09 PHP
PHP如何得到当前页和上一页的地址?
2006/11/27 PHP
php对包含html标签的字符串进行截取的函数分享
2014/06/19 PHP
PHP计算数组中值的和与乘积的方法(array_sum与array_product函数)
2016/04/01 PHP
Javascript 中文字符串处理额外注意事项
2009/11/15 Javascript
自己使用js/jquery写的一个定制对话框控件
2014/05/02 Javascript
jQuery插件MixItUp实现动画过滤和排序
2015/04/12 Javascript
基于jQuery实现动态搜索显示功能
2016/05/05 Javascript
ES6中的rest参数与扩展运算符详解
2017/07/18 Javascript
从0搭建vue-cli4脚手架
2020/06/17 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
2020/08/12 Javascript
JS时间戳与日期格式互相转换的简单方法示例
2021/01/30 Javascript
vue 授权获取微信openId操作
2020/11/13 Javascript
vue 封装面包屑组件教程
2020/11/16 Javascript
[29:23]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场1
2014/05/23 DOTA
Python 'takes exactly 1 argument (2 given)' Python error
2016/12/13 Python
详解python中的json的基本使用方法
2016/12/21 Python
numpy中的高维数组转置实例
2018/04/17 Python
在Mac上删除自己安装的Python方法
2018/10/29 Python
PyQt5 实现字体大小自适应分辨率的方法
2019/06/18 Python
python使用gdal对shp读取,新建和更新的实例
2020/03/10 Python
Python+Selenium实现自动化的环境搭建的步骤(图文)
2020/09/01 Python
英国品牌男装折扣网站:Brown Bag
2018/03/08 全球购物
Ray-Ban雷朋西班牙官网:全球领先的太阳眼镜品牌
2018/11/28 全球购物
TheFork葡萄牙:欧洲领先的在线餐厅预订平台
2019/05/27 全球购物
法国购买二手电子产品网站:Asgoodasnew
2020/03/27 全球购物
大学毕业生求职自荐信
2014/02/20 职场文书
领导调研接待方案
2014/02/27 职场文书
2015年元旦演讲稿
2014/09/12 职场文书
幼儿教师师德师风自我剖析材料
2014/09/29 职场文书
幼儿园新生开学寄语
2015/05/27 职场文书
工伤事故赔偿协议书
2015/08/06 职场文书
常用的MongoDB查询语句的示例代码
2021/07/25 MongoDB
Apache Hudi集成Spark SQL操作hide表
2022/03/31 Servers
使用Python获取字典键对应值的方法
2022/04/26 Python
baselines示例程序train_cartpole.py的ImportError
2022/05/20 Python