layui 怎么判断元素是否是选中状态,如果不是就display:none把选择框隐藏

呀呀呀
  • 7

image.png
这四个选择框,第一个框分为首页和国家,想法是选择首页就显示3,4两个选择框 第二个就隐藏。
选择国家就只显示第2个选择框,平时默认就是显示1,3,4这三个框。
image.png

下面附上前端代码

<div class="layui-form-item">
 <label class="layui-form-label">所属分类</label>
 <div class="layui-input-inline" id="country" style="width:250px;">
 <select name="model" lay-verify=" " lay-search>
 <option value="0">首页</option>
 <option value="1">国家页</option>
 </select>
 </div>
</div>
<div class="layui-form-item">
 <label class="layui-form-label">选择国家</label>
 <div class="layui-input-inline">
 <?php if($data['act'] == 'edit'):?>
 <select name="one" lay-filter="seltest" lay-search disabled>
 <option value="">编辑时不选择</option>
 </select>
 <?php else:?>
 <select name="country" lay-filter="seltest" lay-search >
 <option value="">选择所属国家</option>
 <?php foreach ($country['data'] as $key => $val):?>
 <option value="<?php echo $val['id']; ?>" ><?php echo $val['name']; ?></option>
 <?php endforeach;?>
 </select>
 <?php endif;?>
 </div>
 </div>
回复
阅读 501
3 个回答
✓ 已被采纳

到下拉框的点击事件或者改变事件里面去写函数

肯定是要通过js去实现效果的,判断第一个框的内容,然后去修改第二个框的显示。

$country.hide() 肯定不对的呀,这是第一个框

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏