layui|layui--select show hide 选择显示隐藏

  1. List item
  2. // show hide 显示隐藏
    $(“.one”).show()
    $(“.two”).hide()
  3. // 数据初始化
    common.loadData(data.data)
    // 表格刷新
    form.render()
Document - 锐客网
name="type" lay-filter="showTab"lay-verify="required" lay-reqtext="请选择">
src="https://www.it610.com/layui-v2.5.5/layui.js" charset="utf-8"> src="https://www.it610.com/js/lay-config.js?v=1.0.4" charset="utf-8"> > layui.use(['form', 'table', 'my_common', 'upload'], function () { var $ = layui.jquery; var form = layui.form; var upload = layui.upload; var common = layui.my_common; $(".one").show() var chooseType="1" // 监听下拉框 form.on('select(showTab)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(data.othis); //得到美化后的DOM对象 chooseType = data.value if(chooseType=='1'){ // show hide 显示隐藏 $(".one").show() $(".two").hide() $(".three").hide() }else if(chooseType=='2'){ $(".one").hide() $(".two").show() $(".three").hide() }else if(chooseType=='3'){ $(".one").hide() $(".two").hide() $(".three").show() } }); // 数据回显 // 查询详情 AjaxJSONAsync common.js文件定义的内容 common.AjaxJSONAsync('接口地址', {}, function (data) { chooseType=data.data.type if(chooseType=='1'){ // show hide 显示隐藏 $(".one").show() $(".two").hide() $(".three").hide() }else if(chooseType=='2'){ $(".one").hide() $(".two").show() $(".three").hide() }else if(chooseType=='3'){ $(".one").hide() $(".two").hide() $(".three").show() } // 数据初始化 common.loadData(data.data) // 表格刷新 form.render() }) })

    推荐阅读