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的大众点评,分类导航实现代码
Aug 23 Javascript
jQuery+css+html实现页面遮罩弹出框
Mar 21 Javascript
JS去除右边逗号的简单方法
Jul 03 Javascript
JavaScript中的关键字"VAR"使用详解 分享
Jul 31 Javascript
jQuery中hide()方法用法实例
Dec 24 Javascript
跟我学习javascript的隐式强制转换
Nov 16 Javascript
js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)
Jan 27 Javascript
JS遍历对象属性的方法示例
Jan 10 Javascript
vue动态路由实现多级嵌套面包屑的思路与方法
Aug 16 Javascript
javascript 通过键名获取键盘的keyCode方法
Dec 31 Javascript
jquery写出PC端轮播图实例
Jan 26 jQuery
vue-router实现编程式导航的代码实例
Jan 19 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通过ksort()函数给关联数组按照键排序的方法
2015/03/18 PHP
基于PHP后台的Android新闻浏览客户端
2016/05/23 PHP
PHP带节点操作的无限分类实现方法详解
2016/11/09 PHP
定位地理位置PHP判断员工打卡签到经纬度是否在打卡之内
2019/05/23 PHP
php+layui数据表格实现数据分页渲染代码
2019/10/26 PHP
jQuery使用数组编写图片无缝向左滚动
2012/12/11 Javascript
$(document).ready(function() {})不执行初始化脚本
2014/06/19 Javascript
WEB前端设计师常用工具集锦
2014/12/09 Javascript
javascript实现Email邮件显示与删除功能
2015/11/21 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
2016/11/03 Javascript
微信小程序开发中的疑问解答汇总
2017/07/03 Javascript
使用vue的v-for生成table并给table加上序号的实例代码
2017/10/27 Javascript
详细分析单线程JS执行问题
2017/11/22 Javascript
zTree节点文字过多的处理方法
2017/11/24 Javascript
vue2.0 兄弟组件(平级)通讯的实现代码
2018/01/15 Javascript
JavaScript中引用vs复制示例详析
2018/12/06 Javascript
如何为vue的项目添加单元测试
2018/12/19 Javascript
Vue3.0结合bootstrap创建多页面应用
2019/05/28 Javascript
js实现跟随鼠标移动的小球
2019/08/26 Javascript
javascript执行上下文、变量对象实例分析
2020/04/25 Javascript
JavaScript自定义超时API代码实例
2020/04/30 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
2020/10/27 Javascript
python制作爬虫爬取京东商品评论教程
2016/12/16 Python
python中MethodType方法介绍与使用示例
2017/08/03 Python
python虚拟环境迁移方法
2019/01/03 Python
python中selenium操作下拉滚动条的几种方法汇总
2019/07/14 Python
python实现人机五子棋
2020/03/25 Python
keras 回调函数Callbacks 断点ModelCheckpoint教程
2020/06/18 Python
python 实时调取摄像头的示例代码
2020/11/25 Python
详解python使用金山词霸的翻译功能(调试工具断点的使用)
2021/01/07 Python
市政施工员自我鉴定
2014/01/15 职场文书
2014年关于两会精神的心得体会
2014/03/17 职场文书
体育教育毕业生自荐信
2014/06/29 职场文书
房屋买卖协议样本
2014/11/16 职场文书
python非标准时间的转换
2021/07/25 Python
Redis集群节点通信过程/原理流程分析
2022/03/18 Redis