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之解决IE下不渲染的bug
Jun 29 Javascript
javascript实现unicode和字符的互相转换
Jul 18 Javascript
JQuery学习笔录 简单的JQuery
Apr 09 Javascript
JQuery中$.ajax()方法参数详解及应用
Dec 12 Javascript
jquery合并表格中相同文本的相邻单元格
Jul 17 Javascript
js实现网页多级级联菜单代码
Aug 20 Javascript
对象题目的一个坑 理解Javascript对象
Dec 22 Javascript
AngularJS入门教程之数据绑定用法示例
Nov 01 Javascript
详谈js原型继承的一些问题
Sep 06 Javascript
vue前后分离调起微信支付
Jul 29 Javascript
VuePress 中如何增加用户登录功能
Nov 29 Javascript
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
Jun 29 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中通过ADO调用Asscess数据库和COM程序
2006/10/09 PHP
php遍历目录输出目录及其下的所有文件示例
2014/01/27 PHP
php创建、获取cookie及基础要点分析
2015/01/26 PHP
php打乱数组二维数组多维数组的简单实例
2016/06/17 PHP
php实现36进制与10进制转换功能示例
2017/01/10 PHP
php写app接口并返回json数据的实例(分享)
2017/05/20 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
利用XMLHTTP传递参数在另一页面执行并刷新本页
2006/10/26 Javascript
JS读取cookies信息(记录用户名)
2012/01/10 Javascript
Javascript 闭包引起的IE内存泄露分析
2012/05/23 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
2014/03/28 Javascript
JavaScript异步编程Promise模式的6个特性
2014/04/03 Javascript
Angular4学习之Angular CLI的安装与使用教程
2018/01/04 Javascript
react实现点击选中的li高亮的示例代码
2018/05/24 Javascript
vue绑定事件后获取绑定事件中的this方法
2018/09/15 Javascript
Python中的测试模块unittest和doctest的使用教程
2015/04/14 Python
基于scrapy实现的简单蜘蛛采集程序
2015/04/17 Python
python3操作微信itchat实现发送图片
2018/02/24 Python
django连接mysql配置方法总结(推荐)
2018/08/18 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
Python shutil模块用法实例分析
2019/10/02 Python
python3-flask-3将信息写入日志的实操方法
2019/11/12 Python
python 使用opencv 把视频分割成图片示例
2019/12/12 Python
使用python实现哈希表、字典、集合操作
2019/12/22 Python
django 模型字段设置默认值代码
2020/07/15 Python
迎新晚会邀请函
2014/02/01 职场文书
幼儿园招生广告
2014/03/19 职场文书
合同意向书范本
2014/07/30 职场文书
关于感恩的演讲稿400字
2014/08/26 职场文书
教师节慰问信
2015/02/15 职场文书
人事行政主管岗位职责
2015/04/09 职场文书
无罪辩护词范文
2015/05/21 职场文书
六一亲子活动感想
2015/08/07 职场文书
导游词之峨眉乐山/兵马俑/北京故宫御花园
2019/09/03 职场文书
基于JavaScript实现省市联动效果
2021/06/22 Javascript
JS创建或填充任意长度数组的小技巧汇总
2021/10/24 Javascript