layui自定义多选下拉框

提问 已结 2 178
防御
防御 2020-3-30
悬赏:20飞吻
版本:layui 浏览器:
目的:实现搜索下拉框(因为要搜索其他内容查询,所以借助layui下拉框后部分)
<div class="layui-unselect layui-form-select layui-form-selected">
<div class="layui-select-title">
<input type="text" style="font-size:16px;" name="xufang" id="xufang" placeholder="请输入" autocomplete="off" class="layui-input chaxun_val" lay-verify="requiredInput" >
</div>
<dl class="layui-anim layui-anim-upbit xufang_show" style="display:none">
<dd></dd>
</dl>
</div>
结果:
class=xufang_dd=标签dd
$("body").on("click", ".xufang_dd", function () {
console.log(11);
});
需要点击两次才能触发
回帖
  • 阁下可以去看看拓展插件里的xmselect,就有这个搜索的功能,没必要自己开发,而且能用api尽量不要自己写js
    0 回复
  • 防御
    2020-3-31
    @肥美的火鸡 嗯,那个我知道,用过。需求不一样。是因为我要查询。text内容以外的东西。隐藏不了。所以才要自己写。已经解决了,谢谢。是我的,聚焦,失焦方法冲突了。
    0 回复