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 相关文章推荐
通过javascript设置css属性的代码
Dec 28 Javascript
jQuery学习笔记[1] jQuery中的DOM操作
Dec 03 Javascript
固定网页背景图同时保持图片比例的思路代码
Aug 15 Javascript
DOM 高级编程
May 06 Javascript
jquery.validate 自定义验证方法及validate相关参数
Jan 18 Javascript
老生常谈JavaScript数组的用法
Jun 10 Javascript
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
Jun 16 Javascript
easyui 中的datagrid跨页勾选问题的实现方法
Jan 18 Javascript
node文件上传功能简易实现代码
Jun 16 Javascript
浅谈JS封闭函数、闭包、内置对象
Jul 18 Javascript
最适应的vue.js的form提交涉及多种插件【推荐】
Aug 27 Javascript
vue组件三大核心概念图文详解
May 30 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排序算法之归并排序(Merging Sort)实例详解
2018/04/21 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
一个简单的javascript类定义例子
2009/09/12 Javascript
用jquery ajax获取网站Alexa排名的代码
2009/12/12 Javascript
JQuery的read函数与js的onload不同方式实现
2013/03/18 Javascript
优化javascript的执行效率一些方法总结
2013/12/25 Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
2015/03/30 Javascript
javascript实现图片自动和可控的轮播切换特效
2015/04/13 Javascript
JS如何实现文本框随文本的长度而增长
2015/07/30 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
2016/05/09 Javascript
详解jQuery插件开发方式
2016/11/22 Javascript
jQuery实现滚动效果
2017/11/17 jQuery
JavaScript 跨域之POST实现方法
2018/05/07 Javascript
vue项目打包后打开页面空白解决办法
2018/06/29 Javascript
解决vue attr取不到属性值的问题
2018/09/18 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
2018/10/25 Javascript
Node.js的进程管理的深入理解
2019/01/09 Javascript
Bootstarp在pycharm中的安装及简单的使用方法
2019/04/19 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
js实现简单的点名器随机色实例代码
2020/09/20 Javascript
Python+Socket实现基于UDP协议的局域网广播功能示例
2017/08/31 Python
Python网络编程详解
2017/10/31 Python
Python实现的tcp端口检测操作示例
2018/07/24 Python
Python 实现取多维数组第n维的前几位
2019/11/26 Python
借助Paramiko通过Python实现linux远程登陆及sftp的操作
2020/03/16 Python
django 获取字段最大值,最新的记录操作
2020/08/09 Python
如何利用pycharm进行代码更新比较
2020/11/04 Python
html5实现图片转圈的动画效果——让页面动起来
2017/10/16 HTML / CSS
Java面向对象面试题
2016/12/26 面试题
秋季运动会加油稿200字
2014/01/11 职场文书
幼儿园保育员辞职信
2014/01/12 职场文书
黄继光的英雄事迹材料
2014/02/13 职场文书
禁毒宣传标语
2014/06/19 职场文书
三方股东合作协议书
2014/10/28 职场文书
人事任命书范本
2015/09/21 职场文书
创业计划书之宠物店
2019/09/19 职场文书