弹出模态框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高手?学会“懒惰”的编程
Dec 05 PHP
php+dojo 的数据库保存拖动布局的一个方法dojo 这里下载
Mar 07 PHP
在IIS7.0下面配置PHP 5.3.2运行环境的方法
Apr 13 PHP
php xml 入门学习资料
Jan 01 PHP
php设计模式 Interpreter(解释器模式)
Jun 26 PHP
php插入中文到sqlserver 2008里出现乱码的解决办法分享
Jul 19 PHP
教你如何解密 “ PHP 神盾解密工具 ”
Jun 20 PHP
PHP中构造函数和析构函数解析
Oct 10 PHP
php微信公众平台开发类实例
Apr 01 PHP
php获取服务器操作系统相关信息的方法
Oct 08 PHP
PHP与SQL语句写一句话木马总结
Oct 11 PHP
laravel实现一个上传图片的接口,并建立软链接,访问图片的方法
Oct 12 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下载文件名中解决乱码的问题
2013/06/20 PHP
PHP实现采集中国天气网未来7天天气
2014/10/15 PHP
一个比较不错的PHP日历类分享
2014/11/18 PHP
php自定义加密与解密程序实例
2014/12/31 PHP
php实现文本数据导入SQL SERVER
2015/05/17 PHP
Yii实现Command任务处理的方法详解
2016/07/14 PHP
PHP简单实现正则匹配省市区的方法
2018/04/13 PHP
Laravel访问出错提示:`Warning: require(/vendor/autoload.php): failed to open stream: No such file or di解决方法
2019/04/02 PHP
PHP+iframe模拟Ajax上传文件功能示例
2019/07/02 PHP
Laravel 创建指定表 migrate的例子
2019/10/09 PHP
PHP常见的序列化与反序列化操作实例分析
2019/10/28 PHP
JS实现浏览器菜单命令
2006/09/05 Javascript
javascript中万恶的function实例分析
2011/05/25 Javascript
javascript模拟C#格式化字符串
2015/08/26 Javascript
js如何准确获取当前页面url网址信息
2020/09/13 Javascript
Bootstrap超大屏幕的实现代码
2017/03/22 Javascript
jQuery实现弹窗下底部页面禁止滑动效果
2017/12/19 jQuery
使用 Vue 绑定单个或多个 Class 名的实例代码
2018/01/08 Javascript
详解angular脏检查原理及伪代码实现
2018/06/08 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
2018/07/18 Javascript
js之切换全屏和退出全屏实现代码实例
2019/09/09 Javascript
vue接口请求加密实例
2020/08/11 Javascript
python远程登录代码
2008/04/29 Python
Python获取指定文件夹下的文件名的方法
2018/02/06 Python
对python 合并 累加两个dict的实例详解
2019/01/21 Python
python3转换code128条形码的方法
2019/04/17 Python
python代码实现逻辑回归logistic原理
2019/08/07 Python
程序员的七夕用30行代码让Python化身表白神器
2019/08/07 Python
jupyter使用自动补全和切换默认浏览器的方法
2020/11/18 Python
韩国三大免税店之一:THE GRAND 中文免税店
2016/07/21 全球购物
会计专业大学生职业生涯规划范文
2014/01/11 职场文书
五型班组建设方案
2014/02/10 职场文书
幼儿园秋游感想
2014/03/12 职场文书
诉前财产保全担保书
2014/05/20 职场文书
2015学校年度工作总结
2015/05/11 职场文书
2015年国庆晚会主持词
2015/07/01 职场文书