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 相关文章推荐
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
Sep 08 Javascript
让任务管理器中的CPU跳舞的js代码
Nov 01 Javascript
javascript获取作用在元素上面的样式属性代码
Sep 20 Javascript
jQuery中hover方法和toggle方法使用指南
Feb 27 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
Jun 06 Javascript
理解javascript中的原型和原型链
Jul 30 Javascript
jQuery中的基本选择器用法学习教程
Apr 14 Javascript
html5 canvas 详细使用教程
Jan 20 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
Mar 01 Javascript
JavaScript ES6中const、let与var的对比详解
Jun 18 Javascript
JS原形与原型链深入详解
May 09 Javascript
在vue中获取wangeditor的html和text的操作
Oct 23 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一个找二层目录的小东东
2012/08/02 PHP
Linux编译升级php的详细方法
2013/11/04 PHP
php利用反射实现插件机制的方法
2015/03/14 PHP
实现WordPress主题侧边栏切换功能的PHP脚本详解
2015/12/14 PHP
PHP 记录访客的浏览信息方法
2018/01/29 PHP
js 页面输出值
2008/11/30 Javascript
慎用 somefunction.prototype 分析
2009/06/02 Javascript
JavaScript 学习笔记 Black.Caffeine 09.11.28
2009/11/30 Javascript
JavaScript prototype对象的属性说明
2010/03/13 Javascript
js实现目录定位正文示例
2013/11/14 Javascript
重写document.write实现无阻塞加载js广告(补充)
2014/12/12 Javascript
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
2014/12/18 NodeJs
Javascript中常见的逻辑题和解决方法
2016/09/17 Javascript
bootstrap基础知识学习笔记
2016/11/02 Javascript
Bootstrap多级菜单的实现代码
2017/05/23 Javascript
vue服务端渲染的实例代码
2017/08/28 Javascript
react 父子组件之间通讯props
2018/09/08 Javascript
vue-cli V3.0版本的使用详解
2018/10/24 Javascript
vue移动端项目缓存问题实践记录
2018/10/29 Javascript
JS使用对象的defineProperty进行变量监控操作示例
2019/02/02 Javascript
layui lay-verify form表单自定义验证规则详解
2019/09/18 Javascript
vue+springboot图片上传和显示的示例代码
2020/02/14 Javascript
Python查找相似单词的方法
2015/03/05 Python
python处理Excel xlrd的简单使用
2017/09/12 Python
django orm 通过related_name反向查询的方法
2018/12/15 Python
python解析多层json操作示例
2019/12/30 Python
在pycharm中为项目导入anacodna环境的操作方法
2020/02/12 Python
HTML5的自定义属性data-*详细介绍和JS操作实例
2014/04/10 HTML / CSS
社区安全检查制度
2014/02/03 职场文书
母亲节感恩寄语
2014/02/21 职场文书
搞笑创意广告语
2014/03/17 职场文书
爱心捐助倡议书
2014/05/19 职场文书
教研处工作方案
2014/05/26 职场文书
孝敬父母的活动方案
2014/08/28 职场文书
单位更名证明
2015/06/18 职场文书
2015年食品安全宣传周活动总结
2015/07/09 职场文书