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 new一个对象的实质
Jan 07 Javascript
js实现的切换面板实例代码
Jun 17 Javascript
Jquery修改image的src属性,图片不加载问题的解决方法
May 17 Javascript
jQuery基础_入门必看知识点
Jul 04 Javascript
Vue2.0实现1.0的搜索过滤器功能实例代码
Mar 20 Javascript
基于jQuery实现瀑布流页面
Apr 11 jQuery
angularjs使用div模拟textarea文本框的方法
Oct 02 Javascript
原生Vue 实现右键菜单组件功能
Dec 16 Javascript
JS+canvas五子棋人机对战实现步骤详解
Jun 04 Javascript
JavaScript代码模拟鼠标自动点击事件示例
Aug 07 Javascript
Openlayers实现地图的基本操作
Sep 28 Javascript
JS绘图Flot应用图形绘制异常解决方案
Oct 16 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
json的键名为数字时的调用方式(示例代码)
2013/11/15 PHP
浅谈本地WAMP环境的搭建
2015/05/13 PHP
浅析jquery的作用与优势
2013/12/02 Javascript
jquery加载图片时以淡入方式显示的方法
2015/01/14 Javascript
如何在JS中实现相互转换XML和JSON
2016/07/19 Javascript
AngularJS API之copy深拷贝详解及实例
2016/09/14 Javascript
Vue 单文件中的数据传递示例
2017/03/21 Javascript
web前端vue之CSS过渡效果示例
2018/01/10 Javascript
.vue文件 加scoped 样式不起作用的解决方法
2018/05/28 Javascript
详解vue2.0模拟后台json数据
2019/05/16 Javascript
微信js-sdk 录音功能的示例代码
2019/11/01 Javascript
vue.js使用v-model实现父子组件间的双向通信示例
2020/02/05 Javascript
Python函数参数类型*、**的区别
2015/04/11 Python
Python操作Excel之xlsx文件
2017/03/24 Python
Python实现的字典值比较功能示例
2018/01/08 Python
解决phantomjs截图失败,phantom.exit位置的问题
2018/05/17 Python
django admin组件使用方法详解
2019/07/19 Python
python集合的创建、添加及删除操作示例
2019/10/08 Python
numpy实现神经网络反向传播算法的步骤
2019/12/24 Python
Python while循环使用else语句代码实例
2020/02/07 Python
python3.6环境下安装freetype库和基本使用方法(推荐)
2020/05/10 Python
HTML5 canvas基本绘图之绘制五角星
2016/06/27 HTML / CSS
美国Lolё官网:购买大胆而美丽的女性运动服装
2017/05/22 全球购物
RetroStage德国:复古服装
2019/02/03 全球购物
大学生工作推荐信范文
2013/12/02 职场文书
教师师德演讲稿
2014/05/06 职场文书
会计专业自荐信
2014/06/03 职场文书
中学清明节活动总结
2014/07/04 职场文书
2014年护士个人工作总结
2014/11/11 职场文书
班主任工作实习计划
2015/01/16 职场文书
出生公证书
2015/01/23 职场文书
小型婚礼主持词
2015/06/30 职场文书
担保书格式范文
2015/09/22 职场文书
Python中文分词库jieba(结巴分词)详细使用介绍
2022/04/07 Python
使用MybatisPlus打印sql语句
2022/04/22 SQL Server
TaiShan 200服务器安装Ubuntu 18.04的图文教程
2022/06/28 Servers