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实例教程(19) 使用HoTMetal(6)
Dec 23 Javascript
jQuery动态添加 input type=file的实现代码
Jun 14 Javascript
js定时器怎么写?就是在特定时间执行某段程序
Oct 11 Javascript
JavaScript实现数字数组按照倒序排列的方法
Apr 06 Javascript
详解jQuery向动态生成的内容添加事件响应jQuery live()方法
Nov 02 Javascript
基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
Jan 05 Javascript
用window.onerror捕获并上报Js错误的方法
Jan 27 Javascript
javascript学习指南之回调问题
Apr 23 Javascript
Vue中$refs的用法详解
Jun 24 Javascript
Vue组件实现触底判断
Jun 26 Javascript
Vue this.$router.push(参数)实现页面跳转操作
Sep 09 Javascript
node koa2 ssr项目搭建的方法步骤
Dec 11 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
不用数据库的多用户文件自由上传投票系统(1)
2006/10/09 PHP
浅析PHP中strlen和mb_strlen的区别
2014/08/31 PHP
getElementByIdx_x js自定义getElementById函数
2012/01/24 Javascript
extjs 04_grid 单击事件新发现
2012/11/27 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
如何使用Jquery获取Form表单中被选中的radio值
2013/08/09 Javascript
JavaScript用select实现日期控件
2015/07/17 Javascript
Node.js DES加密的简单实现
2016/07/07 Javascript
AngularJs bootstrap详解及示例代码
2016/09/01 Javascript
jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
2016/09/08 Javascript
wap手机端解决返回上一页的js实例
2016/12/08 Javascript
NodeJs下的测试框架Mocha的简单介绍
2017/02/22 NodeJs
详解Javascript 中的 class、构造函数、工厂函数
2017/12/20 Javascript
原生js+cookie实现购物车功能的方法分析
2017/12/21 Javascript
解决Jquery下拉框数据动态获取的问题
2018/01/25 jQuery
vue.js使用代理和使用Nginx来解决跨域的问题
2018/02/03 Javascript
详解一个基于react+webpack的多页面应用配置
2019/01/21 Javascript
Vue中图片Src使用变量的方法
2019/10/30 Javascript
[55:25]VGJ.T vs Optic Supermajor小组赛D组 BO3 第三场 6.3
2018/06/04 DOTA
Python在Console下显示文本进度条的方法
2016/02/14 Python
Python输出汉字字库及将文字转换为图片的方法
2016/06/04 Python
TensorFlow实现MLP多层感知机模型
2018/03/09 Python
python dataframe向下向上填充,fillna和ffill的方法
2018/11/28 Python
Python 的AES加密与解密实现
2019/07/09 Python
Python用字典构建多级菜单功能
2019/07/11 Python
python用WxPython库实现无边框窗体和透明窗体实现方法详解
2020/02/21 Python
python:解析requests返回的response(json格式)说明
2020/04/30 Python
Python scrapy爬取小说代码案例详解
2020/07/09 Python
解决pycharm 格式报错tabs和space不一致问题
2021/02/26 Python
HTML5语音识别标签写法附图
2013/11/18 HTML / CSS
五个2015 年最佳HTML5 框架
2015/11/11 HTML / CSS
全球最大的中文旅行网站:去哪儿网
2017/11/16 全球购物
终止劳动合同证明书样本
2014/11/19 职场文书
html5 录制mp3音频支持采样率和比特率设置
2021/07/15 Javascript
浅谈如何保证Mysql主从一致
2022/03/13 MySQL
Python实现科学占卜 让视频自动打码
2022/04/09 Python