## 分析源码 打开layui演示页[https://www.layui.com/doc/element/form.html]() 可以看到下拉列表框的网页源码 ``` <input type="text" placeholder="请选择" value="" readonly="" class="layui-input layui-unselect"> ``` 因此我们可以根据类名方式匹配选择到此网页元素. ## 模拟人工 可以用下面的JS获取目标元素并模拟人工输入搜索框文本值: ``` document.querySelectorAll(".layui-input.layui-unselect")[1].value="深圳"; ``` ## 注意事项 现在很多网页都使用了某些前端框架,需要额外用JS给它添加change事件才会看到选择列表项后的效果,下面JS代码是给目标元素添加并触发change事件: ``` var ev = document.createEvent('HTMLEvents'); ev.initEvent('change', false, true); document.querySelectorAll(".layui-input.layui-unselect")[1].dispatchEvent(ev); ```