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 相关文章推荐
经常用的图片在容器中的水平垂直居中实例
Jun 10 Javascript
Jquery知识点二 jquery下对数组的操作
Jan 15 Javascript
innerHTML动态添加html代码和脚本兼容多个浏览器
Oct 11 Javascript
JS简单操作select和dropdownlist实例
Nov 26 Javascript
node.js中的url.parse方法使用说明
Dec 10 Javascript
jQuery实现div横向拖拽排序的简单实例
Jul 13 Javascript
概述jQuery中的ajax方法
Dec 16 Javascript
详解如何理解vue的key属性
Apr 14 Javascript
判断“命令按钮”是否被鼠标单击详解
Jul 31 Javascript
JavaScript原型式继承实现方法
Nov 06 Javascript
vue-router 路由传参用法实例分析
Mar 06 Javascript
vue实现数字滚动效果
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 URL验证正则表达式
2011/07/19 PHP
destoon二次开发入门示例
2014/06/20 PHP
Laravel框架表单验证详解
2014/09/04 PHP
Laravel 批量更新多条数据的示例
2017/11/27 PHP
XML的代替者----JSON
2007/07/21 Javascript
JSON 数据格式介绍
2012/01/13 Javascript
JavaScript实现简单的时钟实例代码
2013/11/23 Javascript
Html5的placeholder属性(IE兼容)实现代码
2014/08/30 Javascript
简单掌握JavaScript中const声明常量与变量的用法
2016/05/21 Javascript
实例讲解jQuery中对事件的命名空间的运用
2016/05/24 Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
2016/11/26 Javascript
vue-router路由参数刷新消失的问题解决方法
2017/06/17 Javascript
Vue按需加载的具体实现
2017/12/02 Javascript
JavaScript实现快速排序的方法分析
2018/01/10 Javascript
vue中子组件调用兄弟组件方法
2018/07/06 Javascript
Sublime Text3 配置 NodeJs 环境的方法
2020/05/20 NodeJs
echarts实现晶体球面投影的实例教程
2020/10/10 Javascript
JavaScript 实现继承的几种方式
2021/02/19 Javascript
[00:36]我的中国心——Serenity vs Fnatic
2018/08/21 DOTA
为Python的web框架编写前端模版的教程
2015/04/30 Python
使用Python压缩和解压缩zip文件的教程
2015/05/06 Python
简单理解Python中的装饰器
2015/07/31 Python
Python常用的json标准库
2019/02/19 Python
详解python中的数据类型和控制流
2019/08/08 Python
pyMySQL SQL语句传参问题,单个参数或多个参数说明
2020/06/06 Python
CSS3教程(8):CSS3透明度指南
2009/04/02 HTML / CSS
全球高级音频和视频专家:HiDef Lifestyle
2019/08/02 全球购物
说明书怎么写
2014/05/06 职场文书
商场周年庆活动方案
2014/08/19 职场文书
2014公安机关纪律作风整顿思想汇报
2014/09/13 职场文书
群众路线查摆问题整改措施思想汇报
2014/10/10 职场文书
发展党员工作情况汇报
2014/10/28 职场文书
党员教师群众路线个人整改措施
2014/10/28 职场文书
大学生自荐材料范文
2014/12/30 职场文书
应急管理工作总结2015
2015/05/04 职场文书
初中团支书竞选稿
2015/11/21 职场文书