
JavaScript
尕夜寻欢
这个作者很懒,什么都没留下…
展开
-
1分钟实现layui 省市区三级联动选择(不需要自己拥有区域库)
1、下载layui的省市区联动JS 下载地址(本人自己上传的资源,安全哦!):https://download.youkuaiyun.com/download/lw545034502/166026792、编写html部分 整个选择器需要使用一个父标签包裹,如下使用了id="area-picker",并且分别给省、市、区的select加上province-selector、city-selector、county-selector,用来区分对应的内容标签,这里也可以自定义lay-f...原创 2021-04-10 11:17:49 · 3335 阅读 · 3 评论 -
select下拉框存自定义参数 及input存放多余参数及获取
一、下拉框存自定义参数 1、select 或者input 存放多余参数及获取<option value="{{ $v['address'] }}" data-consignee="{{ $v['consignee'] }}" data-consignee_mobile="{{ $v['consignee_mobile'] }}" @if(isset($info['address'])&&$info['address']=.原创 2021-01-22 17:11:38 · 839 阅读 · 0 评论 -
1分钟实现 后端接口直接导出excel --php --laravel
1、composer 运行下面命令安装composer require maatwebsite/excel如果本地安装提示: 报上面错的话 执行:COMPOSER_MEMORY_LIMIT=-1composer require maatwebsite/excel2、打开laravel项目中的config/app.php文件,添加以下两处//providers元素添加Maatwebsite\Excel\ExcelServiceProvider:...原创 2020-06-09 18:33:37 · 1396 阅读 · 2 评论 -
一分钟实现 layui 导出 excel --php--laravel
<button type="button" class="layui-btn layui-btn-sm" id="export">导出</button>官方文档有说过:列表模块要加入toolbar:true 和totalRow:true layui.use(['layer','table','form','laydate', 'excel'],function () { va...原创 2020-05-30 16:34:47 · 1472 阅读 · 0 评论 -
ngxin站点H5请求出现:provisional headers are shown问题
在前端使用vue+axios的post发送请求时,在响应的回调函数中获取不到响应的数据,代码如下所示 var vm = new Vue({ el: '#app', data: { obj: '' }, methods: { ...原创 2019-07-29 13:02:03 · 2659 阅读 · 0 评论 -
php js生成二维码
总体思路:1、引入生成二维码的js。 2、定义一个空的div用于存放生成的二维码,一般div位于页面中央 。 3、点击工具条按钮生成二维码,存入上面定义的div中。 4、查看完二维码肯定还要叉掉二维码图片,那么对页面大DIV上写个点击事件,当点到div上任何地方,就二维码隐藏。...原创 2019-05-07 18:14:30 · 369 阅读 · 0 评论 -
javascript 与后端交互常用函数梳理
1.splice() 方法用于插入、删除或替换数组的元素 city_list是个数组$(document).on('click','.del',function(){// console.log($(this).index()) city_list.splice($(this).index(),1); co...原创 2018-10-24 14:37:11 · 760 阅读 · 0 评论 -
layui富文本框内容 提交表单的时候获取不到内容
我从之前的layui纯文本框改成layui富文本框不写form.verify那段代码的话 怎么也获取不到content 一直是空。下面贴出代码直接复制(上面红框是关键点,不要忘记复制):<div class="layui-form-item"> <label class="layui-form-label">发布内容</lab...原创 2018-10-23 18:53:17 · 7187 阅读 · 7 评论 -
CI框架 OSS图片上传
1.前端页面(这里前端用的layui)2.JS部分layui.use(['form', 'layedit', 'laydate'], function() { var form = layui.form , layer = layui.layer , layedit = layui.layedit , layd...原创 2018-05-05 17:05:36 · 1870 阅读 · 0 评论 -
修改页面 让下拉列表根据后台值自动选中
思路:设置隐藏域,并将后台查询到下值赋进去,循环和下拉项的值进行比对,如果相等则自动选中<input type="hidden" value="<?php echo $lists['type']; ?>" id="type" />循环进行比较: 代码:<script type="text/javascript">原创 2018-05-05 11:51:13 · 2688 阅读 · 0 评论 -
JavaScript layui 下拉框不显示解决方法
初学layui时会遇到 layui的下拉框总是显示不出来代码没问题但是 页面就是不显示下拉框复制下面js代码layui.use('form', function(){ var form = layui.form(); form.render(); }); ...原创 2018-05-09 01:38:28 · 12563 阅读 · 3 评论 -
js如何根据后台分配的数据来使模板中的下拉列表被选中
思路:隐藏域接收要选中的value值 -> 遍历下拉项的每个value值,如果相等,则为该下拉选项添加selected属性让他为选中状态1.在表单中创建隐藏域 接收后台传来的value值2.根据隐藏域的value值 来和下拉列表的各个value值进行对比<script type="text/javascript">$("#select_type option").each(fu...原创 2018-03-31 11:29:38 · 1911 阅读 · 1 评论 -
layui时间区间搜索功能 如何锁定 开始时间 结束时间 的可选范围
1.示例图:代码:<div class="layui-form-inline"> <label class="layui-form-label">活动时间</label> <div class="layui-input-inline"> <input type="text" ...原创 2018-03-31 11:06:08 · 7070 阅读 · 3 评论 -
按钮点击事件不生效 如不跳转 解决办法
首先如果没有像单词 标点符号错误情况下点击<button>按钮<button>按钮如果不设置type类型,则默认type类型为submit 提交 当不需要提交表单,而是去执行其他时间 如跳转页面需要 手动设置type类型:修改type类型后,下面就能正常跳转到百度页面了。(不写type类型,默认为submit时,跳转不了)...原创 2018-03-30 12:40:38 · 16268 阅读 · 0 评论 -
如何将Ueditor富文本框 加入TP框架
1.将Ueditor源码加到项目中:2.创建控制器调用视图:3.创建视图:复制代码如下:<!--①引入一个css文件和4个js文件--><link href="__COMMON__/Ueditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet"><script type="text.原创 2018-03-06 18:03:08 · 517 阅读 · 0 评论 -
使用echarts 插件生成图表柱状图
1.下载echarts 得到文件:echarts.js 文件 复制到项目中 2.创建前端页面,将下方代码复制到html文件中:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>myProject</title>原创 2018-03-13 15:29:38 · 1281 阅读 · 1 评论 -
Query ajax()使用serialize()提交form数据 以及如何防止中文乱码
作为ajax的data参数 提交表单数据 最好对数据进行以下两步操作:1、表单序列化:serialize();2. 防止中文乱码:var submitData=decodeURIComponent(data,true);原创 2018-03-22 18:09:43 · 740 阅读 · 2 评论 -
ThinkPHP中引入iDialog插件来实现查看全文功能
1.将iDialog核心包复制到项目中:2.引入2个JS文件,并修改目录地址:<script src="__COMMON__/iDialog/jquery-1.8.3.min.js"></script><script src="__COMMON__/iDialog/jquery.iDialog.js" dialog-theme="default"><原创 2018-03-07 15:44:02 · 652 阅读 · 0 评论