layui 表单中的下拉选择框能保留样式,禁用功能么?

提问 未结 7 241
吕无伤
吕无伤 2020-2-17
悬赏:20飞吻
版本:layui 浏览器:
一个form,里面很多下拉选择框,其中一个只想保留样式,但是希望点击不出现选项,而是自己写其他功能。这个可能实现么?
回帖
  • CrazyYi
    2020-2-17
    没听懂你的需求
    0 回复
  • 吕无伤
    2020-2-17
    @CrazyYi 就是每个下拉选择框点击之后就会出现下拉选项,我想点击之后不出现选项,然后执行自己的其他代码。
    0 回复
  • 用input框可以实现吧
    <input type="text" id="mySelect" class="layui-input" readonly/>

    document.getElementById('mySelect').onclick = function() {
    //do something
    }
    0 回复
  • CrazyYi
    2020-2-17
    @吕无伤 那你干嘛要用select,干嘛不直接用 input
    0 回复
  • 吕无伤
    2020-2-17
    @CrazyYi 想用select的样式[衰]
    0 回复
  • CrazyYi
    2020-2-17
    @吕无伤 终于明白你的需求了。

    你可以这样做:
    1、用一个select,但是不要有任何option;
    2、给这个select 单独添加一个 事件(这个会添加吧)。
    0 回复
  • CrazyYi
    2020-2-17
    @吕无伤
    给select 添加事件,可以直接用layui 的form.on 的方法。

        // 如果你的select 放在form里面,则可以这样监听
    form.on(`select(filterName)`, function (data) {
    // do something...
    return false;
    });
    如果你的select 没有放在form 里面,可以采用 @希望的曙光 的方法,或者对应的jQuery 的写法
    0 回复