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 页面载入进度条实现代码
Feb 08 Javascript
javascript 子窗体父窗体相互传值方法
May 31 Javascript
浅析Node在构建超媒体API中的作用
Jul 30 Javascript
CSS图片响应式 垂直水平居中
Aug 14 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
Nov 27 Javascript
基于javascript实现仿百度输入框自动匹配功能
Jan 03 Javascript
Javascript中构造函数要注意的一些坑
Jan 23 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
Nov 24 Javascript
详解vue-cli构建项目反向代理配置
Sep 07 Javascript
vue项目实战总结篇
Feb 11 Javascript
javascript设计模式 ? 解释器模式原理与用法实例分析
Apr 17 Javascript
vue 实现上传组件
May 31 Vue.js
解决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缓存技术介绍
2006/11/25 PHP
php数据库抽象层 PDO
2011/05/07 PHP
php生成短网址示例
2014/05/05 PHP
PHP防盗链代码实例
2014/08/27 PHP
学习php设计模式 php实现建造者模式
2015/12/07 PHP
php 解析xml 的四种方法详细介绍
2016/10/26 PHP
PHP实现的观察者模式实例
2017/06/21 PHP
一个加载js文件的小脚本
2007/06/28 Javascript
一个基于jquery的图片切换效果
2010/07/06 Javascript
JavaScript中关于indexOf的使用方法与问题小结
2010/08/05 Javascript
谈谈关于JavaScript 中的 MVC 模式
2013/04/11 Javascript
jQuery前端框架easyui使用Dialog时bug处理
2014/12/05 Javascript
JavaScript中的Math.E属性使用详解
2015/06/12 Javascript
js实现图片点击左右轮播
2015/07/08 Javascript
jQuery实现折叠、展开的菜单组效果代码
2015/09/16 Javascript
jQuery学习笔记之入门
2016/12/14 Javascript
jquery实时获取时间的简单实例
2017/01/26 Javascript
Javascript创建类和对象详解
2017/05/31 Javascript
JavaScript之filter_动力节点Java学院整理
2017/06/28 Javascript
Vue2.5通过json文件读取数据的方法
2018/02/27 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
2018/07/18 Javascript
详解如何用webpack4从零开始构建react开发环境
2019/01/27 Javascript
基于aotu.js实现微信自动添加通讯录中的联系人功能
2020/05/28 Javascript
9种python web 程序的部署方式小结
2014/06/30 Python
Python + selenium自动化环境搭建的完整步骤
2018/05/19 Python
浅谈python之自动化运维(Paramiko)
2020/01/31 Python
PyCharm2020.1.1与Python3.7.7的安装教程图文详解
2020/08/07 Python
PyCharm 2020.2.2 x64 下载并安装的详细教程
2020/10/15 Python
波兰数码相机及配件网上商店: Cyfrowe.pl
2017/06/19 全球购物
幼儿园园长自我鉴定
2013/10/22 职场文书
军训生自我鉴定范文
2013/12/27 职场文书
如何写求职信
2014/05/24 职场文书
好媳妇事迹材料
2014/12/24 职场文书
浅谈Redis中的RDB快照
2021/06/29 Redis
vue实现登陆页面开发实践
2022/05/30 Vue.js
Android开发手册TextInputLayout样式使用示例
2022/06/10 Java/Android