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实现鼠标点击后层展开效果的方法
May 13 Javascript
JS实现点击按钮控制Div变宽、增高及调整背景色的方法
Aug 05 Javascript
纯js实现手风琴效果代码
Apr 17 Javascript
easyui取消表单实时验证,提交时统一验证的简单实例
Nov 07 Javascript
ES6学习笔记之正则表达式和字符串正则方法分析
Apr 25 Javascript
vue获取input输入值的问题解决办法
Oct 17 Javascript
BootStrap模态框不垂直居中的解决方法
Oct 19 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
May 02 Javascript
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
JavaScript制作3D旋转相册
Aug 02 Javascript
vue 翻页组件vue-flip-page效果
Feb 05 Javascript
JavaScript实现简易聊天对话框(加滚动条)
Feb 10 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默认安装产生系统漏洞
2006/10/09 PHP
php 调用远程url的六种方法小结
2009/11/02 PHP
php获得文件大小和文件创建时间的方法
2015/03/13 PHP
两种php去除二维数组的重复项方法
2015/11/04 PHP
PHP使用数组依次替换字符串中匹配项
2016/01/08 PHP
Smarty简单生成表单元素的方法示例
2016/05/23 PHP
分享PHP-pcntl 实现多进程代码
2016/09/30 PHP
Python中使用django form表单验证的方法
2017/01/16 PHP
ThinkPHP 3使用OSS的方法
2018/07/19 PHP
PHP与Perl之间知识点区别整理
2019/03/19 PHP
node.js中的path.normalize方法使用说明
2014/12/08 Javascript
学习JavaScript鼠标响应事件
2015/12/25 Javascript
Bootstrap实现带动画过渡的弹出框
2016/08/09 Javascript
对js中回调函数的一些看法
2016/08/29 Javascript
使用JS编写的随机抽取号码的小程序
2017/08/11 Javascript
vue 实现数字滚动增加效果的实例代码
2018/07/06 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
2018/07/20 Javascript
vue vue-Router默认hash模式修改为history需要做的修改详解
2018/09/13 Javascript
vue学习笔记之作用域插槽实例分析
2020/02/01 Javascript
Vue中fragment.js使用方法小结
2020/02/17 Javascript
用Python制作简单的朴素基数估计器的教程
2015/04/01 Python
python Selenium爬取内容并存储至MySQL数据库的实现代码
2017/03/16 Python
Python函数的参数常见分类与用法实例详解
2019/03/30 Python
Xadmin+rules实现多选行权限方式(级联效果)
2020/04/07 Python
No module named ‘win32gui‘ 的解决方法(踩坑之旅)
2021/02/18 Python
浅谈Html5多线程开发之WebWorkers
2018/05/02 HTML / CSS
捷克钓鱼用品网上商店:Parys.cz
2018/06/15 全球购物
英国在线药房和在线医生:LloydsPharmacy
2019/10/21 全球购物
会计专业毕业生自我评价
2013/09/25 职场文书
家居设计专业个人自荐信范文
2013/11/26 职场文书
自我评价优秀范文分享
2013/11/30 职场文书
还款承诺书范本
2015/01/20 职场文书
单位接收函格式
2015/01/30 职场文书
干部培训工作总结2015
2015/05/25 职场文书
简历自我评价范文
2019/04/24 职场文书
CSS3 天气图标动画效果
2021/04/06 HTML / CSS