当前博客:数据框的下拉列表,怎么设置才能让他只能从下拉列表中选择,不能手动输入

65 次浏览【转载需注明来源】

博客作者:【1389****5493】

个性签名:寒窗苦读十年,一朝凤舞九天

数据框,设置了下拉列表属性,但这样做,这个数据框仍然能手动输入,怎样才能控制不能收入输入,只能从列表选择

默认排序
Generic placeholder image
Generic placeholder image
已采纳
qiang Time: 2023-10-18 10:48:21

最简单的方法是用 下拉列表 标签。

如果非要用这个,需要写一段脚本,如果输入的值不是数据框下拉列表的值,那么输入框的值清空。

参考以下代码:

<标题2>数据框下拉列表</标题2>
<数据框 id="案件来源" 下拉列表="browsers" 数据类型="文本输入" lay-验证="必填项" 自动填充="不记住" 默认提示="-" 类名="lay-输入框" 键盘松开回调="判断输入值(本对象)" />
<数据框下拉列表 id="browsers">
    <列表选项 列表值="1">1</列表选项>
    <列表选项 列表值="2">2</列表选项>
    <列表选项 列表值="3">3</列表选项>
    <列表选项 列表值="4">4</列表选项>
    <列表选项 列表值="5">8</列表选项>
    <列表选项 列表值="6">6</列表选项>
    <列表选项 列表值="7">7</列表选项>
</数据框下拉列表>
<脚本>
    局部变量 列表数组 = [];
    $("#browsers 列表选项").遍历(定义函数 () {
        列表数组.添加成员($(本对象).设置或获取内容());
    });
    定义函数 判断输入值(输入框对象) {
        局部变量 输入值 = $(输入框对象).设置或获取值();
        如果 (!列表数组.是否存在(输入值)) {
            $(输入框对象).设置或获取值("");
        }
    }
</脚本>
<标题2>下拉列表:</标题2>
<下拉列表 类名="lay-输入框">
    <列表选项 列表值="1">1</列表选项>
    <列表选项 列表值="2">2</列表选项>
    <列表选项 列表值="3">3</列表选项>
    <列表选项 列表值="4">4</列表选项>
    <列表选项 列表值="5">5</列表选项>
    <列表选项 列表值="6">6</列表选项>
    <列表选项 列表值="7">7</列表选项>
</下拉列表>

数据框的下拉列表,怎么设置才能让他只能从下拉列表中选择,不能手动输入