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 Ajax学习实例 向页面发出请求,返回XML格式数据
Mar 14 Javascript
js实现在页面上弹出蒙板技巧简单实用
Apr 16 Javascript
javascript实现随时变化着的背景颜色
Apr 02 Javascript
JS基于面向对象实现的放烟花效果
May 07 Javascript
jQuery的Scrollify插件实现滑动到页面下一节点
Jul 05 Javascript
javascript实现的简单计时器
Jul 19 Javascript
JS全局变量和局部变量最新解析
Jun 24 Javascript
微信小程序之分享页面如何返回首页的示例
Mar 28 Javascript
vue addRoutes实现动态权限路由菜单的示例
May 15 Javascript
使用Node.js实现一个多人游戏服务器引擎
Mar 13 Javascript
浅析Vue中拆分视图层代码的5点建议
Aug 15 Javascript
Vue项目中如何封装axios(统一管理http请求)
May 02 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
php4的session功能评述(一)
2006/10/09 PHP
PHP中用正则表达式清除字符串的空白
2011/01/17 PHP
PHP表单提交表单名称含有点号(.)则会被转化为下划线(_)
2011/12/14 PHP
全新的PDO数据库操作类php版(仅适用Mysql)
2012/07/22 PHP
浅谈php serialize()与unserialize()的用法
2013/06/05 PHP
thinkphp3查询mssql数据库乱码解决方法分享
2014/02/11 PHP
php实现计算百度地图坐标之间距离的方法
2016/05/05 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
通过MSXML2自动获取QQ个人头像及在线情况(给初学者)
2007/01/22 Javascript
jQuery学习笔记 操作jQuery对象 CSS处理
2012/09/19 Javascript
减少访问DOM的次数提升javascript性能
2014/02/24 Javascript
js实现固定显示区域内自动缩放图片的方法
2015/07/18 Javascript
javascript常用正则表达式汇总
2015/07/31 Javascript
jquery实现二级导航下拉菜单效果
2015/12/18 Javascript
JavaScript鼠标特效大全
2016/09/13 Javascript
ros::spin() 和 ros::spinOnce()函数的区别及详解
2016/10/01 Javascript
从零开始用electron手撸一个截屏工具的示例代码
2018/10/10 Javascript
Vue源码探究之状态初始化
2018/11/14 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
2018/12/25 Javascript
JavaScript this使用方法图解
2020/02/04 Javascript
Python开发微信公众平台的方法详解【基于weixin-knife】
2017/07/08 Python
解决python爬虫中有中文的url问题
2018/05/11 Python
pyqt5 键盘监听按下enter 就登陆的实例
2019/06/25 Python
python操作excel让工作自动化
2019/08/09 Python
Django CBV与FBV原理及实例详解
2019/08/12 Python
python TK库简单应用(实时显示子进程输出)
2019/10/29 Python
代码中finally中的代码会不会执行
2012/02/06 面试题
外语学院毕业生的自我鉴定
2013/11/28 职场文书
《陈涉世家》教学反思
2014/04/12 职场文书
纪念九一八事变演讲稿:勿忘国耻
2014/09/14 职场文书
2014年计划生育协会工作总结
2014/11/14 职场文书
2015医德医风个人工作总结
2015/04/02 职场文书
党员干部学习心得体会
2016/01/23 职场文书
OpenCV-Python实现怀旧滤镜与连环画滤镜
2021/06/09 Python
Vue提供的三种调试方式你知道吗
2022/01/18 Vue.js
ant design vue的form表单取值方法
2022/06/01 Vue.js