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

Question

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

下面附上前端代码

<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>

Answer 1

「所属分类」中的 <select> 的容器 ID 是 country，该不会不小心按 ID 把它给隐藏了吧。

https://codepen.io/jamesfancy...

Answer 2

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

Answer 3

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

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