给一个layui下拉选择器代码

HTML代码：

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

JavaScript代码：

//使用layui的form模块
layui.use('form', function(){
    var form = layui.form;
  
    //监听下拉选择器的变化
    form.on('select(city)', function(data){
        console.log(data.value); //得到被选中的值
    });  
});

说明：

这是一个基于layui框架的下拉选择器代码，需要引入layui的CSS和JS文件。其中，lay-verify="required"表示该下拉选择器为必填项，lay-search表示开启搜索功能。JavaScript代码中，使用layui的form模块监听下拉选择器的变化，可以通过console.log()打印出被选中的值。