layer插件select选中默认值的方法


Posted in Javascript onAugust 14, 2018

再次更改代码的时候,因为城市下拉列表是从数据库查出来的,所以这时候就想到了一起以前用到的一个方法:select重新渲染

就是把未渲染的元素该怎么设置值还怎么设置值,然后把layer渲染出来的页面样式,从新再渲染一次, ,,

示例: [layui渲染文档](http://www.layui.com/doc/modules/form.html#render)

$("#userName).val("小明");
  ...
  $("#city").val("天剑山");
  ...一大堆需要设置的值,然后一个渲染,就可以了
  form.render(); //更新全部
  form.render('select'); //刷新select选择框渲染

下面的废弃!!!!!!!!!!!!!!

/**
  * layui:select插件,默认选中
  * ps:单个下拉框
  * @param 下拉框的id
  * @param 想要让选中的值:str
  */
  function layuiSelected(id,str){
    //0、设置select的值
    $("#"+id).attr("value",str);
    //0.1把select下的option的selected换成现在的
    $("#"+id).children("option").each(function(){
      if ($(this).text() == str) {
        $(this).attr("selected","selected");
      }else{
        if ($(this).attr("selected") == "selected") {
          $(this).removeAttr("selected");
        }
      }
    });
    //1、首先设置输框
    $("#"+id).siblings("div[class='layui-unselect layui-form-select']").children("div[class='layui-select-title']").children("input").val(str);
    //2、其次,设置dl下的dd
    $("#"+id).siblings("div[class='layui-unselect layui-form-select']").children("dl").children("dd").each(function(){
      if ($(this).text() == str){
        if (!$(this).hasClass("layui-this")) {
          $(this).addClass("layui-this");
          $(this).click();
        }
        return true;
      }else{
        if ($(this).hasClass("layui-this")) {
          $(this).removeClass("layui-this");
        }
      }
    });
  }

以上这篇layer插件select选中默认值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 创建Dom元素
May 07 Javascript
浅谈Javascript中深复制
Dec 01 Javascript
javascript简单实现图片预加载
Dec 03 Javascript
js jquery获取当前元素的兄弟级 上一个 下一个元素
Sep 01 Javascript
JS+Canvas 实现下雨下雪效果
May 18 Javascript
移动端点击态处理的三种实现方式
Jan 12 Javascript
js 获取今天以及过去日期
Apr 11 Javascript
JavaScript实现图片无缝滚动效果
Jul 07 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
Aug 12 Javascript
JS中的算法与数据结构之栈(Stack)实例详解
Aug 20 Javascript
JavaScript的console命令使用实例
Dec 03 Javascript
js实现消灭星星(web简易版)
Mar 24 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
Aug 14 #Javascript
js中apply()和call()的区别与用法实例分析
Aug 14 #Javascript
JS通过位运算实现权限加解密
Aug 14 #Javascript
js中getter和setter用法实例分析
Aug 14 #Javascript
JS中‘hello’与new String(‘hello’)引出的问题详解
Aug 14 #Javascript
Vue.js单向绑定和双向绑定实例分析
Aug 14 #Javascript
微信小程序异步API为Promise简化异步编程的操作方法
Aug 14 #Javascript
You might like
PHP长网址与短网址的实现方法
2017/10/13 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
循环 vs 递归浅谈
2013/02/28 Javascript
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
2013/05/13 Javascript
关于JavaScript对象的动态选择及遍历对象
2014/03/10 Javascript
jquery不常用方法汇总
2015/07/26 Javascript
Angular2 (RC5) 路由与导航详解
2016/09/21 Javascript
微信小程序 石头剪刀布实例代码
2017/01/04 Javascript
Angularjs的$http异步删除数据详解及实例
2017/07/27 Javascript
基于Vue实现平滑过渡的拖拽排序功能
2019/06/12 Javascript
详解Vue.js和layui日期控件冲突问题解决办法
2019/07/25 Javascript
jquery实现商品sku多属性选择功能(商品详情页)
2019/12/20 jQuery
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
2020/04/28 Javascript
[01:05:36]VP vs TNC Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
Python字符编码与函数的基本使用方法
2017/09/30 Python
python linecache 处理固定格式文本数据的方法
2019/01/08 Python
python读csv文件时指定行为表头或无表头的方法
2019/06/26 Python
python实现图片压缩代码实例
2019/08/12 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
Python range与enumerate函数区别解析
2020/02/28 Python
纯css3实现的动画按钮的实例教程
2014/11/17 HTML / CSS
Marc Jacobs官方网站:美国奢侈品牌
2017/08/29 全球购物
英国最专业的健身器材供应商之一:Best Gym Equipment
2017/12/22 全球购物
企业管理专业个人求职信范文
2013/09/24 职场文书
应届生自我鉴定
2013/12/11 职场文书
九年级科学教学反思
2014/01/29 职场文书
《夜晚的实验》教学反思
2014/02/19 职场文书
《守株待兔》教学反思
2014/03/01 职场文书
十八大演讲稿
2014/05/22 职场文书
优秀毕业生找工作自荐信
2014/06/23 职场文书
2014年秋季开学寄语
2014/08/02 职场文书
2015年城管个人工作总结范文
2015/04/20 职场文书
MATLAB 如何求取离散点的曲率最大值
2021/04/16 Python
Python Flask请求扩展与中间件相关知识总结
2021/06/11 Python
zabbix配置nginx监控的实现
2022/05/25 Servers
Python时间操作之pytz模块使用详解
2022/06/14 Python