layui下拉框显示与隐藏

在 layui中，下拉框也称为表单选择器，可以使用form模块的select方法来渲染下拉框。

要实现下拉框的显示与隐藏，可以通过控制其父元素的display属性来实现。具体代码如下：

HTML代码：

<div class="layui-form-item">
  <label class="layui-form-label">城市</label>
  <div class="layui-input-block">
    <select name="city" lay-verify="required" id="city">
      <option value="">请选择城市</option>
      <option value="北京">北京</option>
      <option value="上海">上海</option>
      <<option value="广州">广州</option>
      <option value="深圳">深圳</option>
      <option value="杭州">杭州</option>
    </select>
  </div>
</div>

JavaScript代码：

// 获取下拉框的父元素
var selectDiv = document.querySelector(".layui-input-block");

// 隐藏下拉框
selectDiv.style.display = "none";

// 显示下拉框
selectDiv.style.display = "block";

通过更改selectDiv元素的style.display属性，可以实现下拉框的显示与隐藏。