XJ--(EasyUI)页面表单中如果有combobox下拉框作为选择数据，但是不希望用户可以对下拉框进行手动输入的解决办法

最新推荐文章于 2023-11-13 14:19:37 发布

C柚呐啦

最新推荐文章于 2023-11-13 14:19:37 发布

阅读量245

点赞数

分类专栏： company 文章标签：限制下拉框输入

本文链接：https://blog.csdn.net/weixin_40418595/article/details/96138340

版权

company 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

XJ–(EasyUI)页面表单中如果有combobox下拉框作为选择数据，但是不希望用户可以对下拉框进行手动输入的解决办法。

下拉框选择，但是不希望可以手动输入
可以在表单中加入如下代码：

id:'ht_sex',
	name:'sex',
	type:"combobox",
	valueField :"value",
	textField :"text",
	**editable:false,**//设置不让在下拉框中输入文字
	data: [{value:1,text:"男"},{value:2,text:"女"}],
	label:"性别:",

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

C柚呐啦

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

EasyUI_Combobox输入文本匹配加载下拉框数据

生面别开

08-01

7968

效果如图：每次输入数据去匹配数据库数据，加载到下拉框中。边输入边加载，通常我们想到的就是文本框的onChange事件，不过这里用onchange，可以实现，但bug就太多了。每次点击文本框，就会触发datagrid的行单击事件，且每次输入保存后也会触发该事件，处理的东西很多。改进，我用了loader属性。 valueField: 'id', textFie

easyui中combobox 验证输入的值必须为选项框中的数据

weixin_34007020的博客

03-08

143

当作为提示框的方式时,combobox必须设置为允许用户输入的模式,但是当用户输入后未选择正确的数据就直接按tab或点击鼠标离开控件会导致用户输入无效的值并且通过验证,为了避免这种情况的发生我们需要对输入的值进行确认,输入不正确就清空用户的输入框以达到提示的效果上代码: [javascript] view plain copy print? onHid...

参与评论您还未登录，请先登录后发表或查看评论

EasyUI下拉列表中实现输入框不可手动输入

qq_38793958的博客

05-14

1万+

<input type="text" id="tfi_type" class="easyui-combobox" data-options="prompt:'请选择数据类型'" editable="false"/>如上，添加 editable="false"即可

easyui-textbox和easyui-combobox的onchange事件响应实例

08-01

在 EasyUI 中，`onchange` 事件同样适用于 `easyui-textbox` 和 `easyui-combobox`，可以用来监听用户在这些组件上的操作，例如输入或选择值后进行相应的处理。以下是一个基本的 `onchange` 事件响应实例： ```...

jQuery+easyui中的combobox实现下拉框特效

10-24

在Web开发中，jQuery和EasyUI框架的结合提供了丰富的UI组件，帮助开发者快速构建交互式的用户界面。其中，Combobox（下拉框）是一个...无论是简单的页面表单还是交互丰富的数据表格，Combobox都是一个值得信赖的工具。

如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上

11-23

总的来说，解决EasyUI自定义标签Datagrid中ComboBox手动输入保存不上问题的关键在于正确地捕获和使用`onEndEdit`事件，以及通过editor对象获取并更新用户输入的数据。通过这样的方式，你可以确保用户的所有操作都能...

Easyui 验证验证扩展，限制combobox 只能输入选项内容

ading0210的博客

11-23

618

$.extend($.fn.validatebox.defaults.rules, { CHS: { validator: function (value, param) { return /^[\u0391-\uFFE5]+$/.test(value); }, message: '请输入汉字'...

easyUI combobox不可手动输入和禁用

不积跬步，无以至千里

08-29

2117

设置select不可编辑

easyui输入框验证问题

zwj13603571674的博客

01-09

252

先上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="juqary-easyui/demo/demo.css"&gt...

uni-app的下拉搜索选择组合框

热门推荐

iaiti的专栏

09-16

1万+

一、问题初遇。最近在开发一个功能的时候遇到一个问题。EasyUI中的comobox，组合框可以在下拉框中选择，也可以手动输入后，因为有自带的模糊查询，下拉框中有对应内容的提示。问题来了：1、如果你不去选择安卓，这里应该提示你这名称是有错的。2、如果你输入了360，这里没有360的选项，但是数据库里面有360这个对应的一个平台的时候，是正确的，没有的话应该返回错误。二、EasyUI comobox实

EasyUI：如何判断手动输入的值在combobox下拉框中是否存在

lkforce

12-07

5555

EasyUI的combobox下拉框是一个不错的功能，不但支持了下拉框本身的功能，还附带了模糊查询的功能，虽然只能是ABC*这种前置模式。另外，如果输入的文字和下拉框中的某一条选项完全相同，而且只有一条选项相同时（注意，这里不能是模糊的，必须完全一致），该条选项将被默认选中。这种输入文字的下拉框带来方便的同时也会带来问题：即使输入的文字和下拉框里可选的选项不符，也可以被提交。这一点比较离谱...

easyui 报错Uncaught TypeError: Cannot read property options of undefined

黄啊码

05-22

9124

这是因为jquery不能自动执行$("XXX")函数 解决办法：要么在函数方法里边执行$("XXX"); 要么这么写代码： $(document).ready(function() { $("XXX") } 顺便温馨提示网上的骗子QQ：1404212348（嘴上说是卖服务器空间的，实际就是空手套白狼，大家请勿上当受骗...

easyui的combobox下拉框初始化默认值为空，希望默认选择为空的选项

06-02

可以通过设置`value`属性来设置`combobox`的默认值为空，并且可以通过设置`editable`属性为`false`来保持该值一直显示。同时，在设置`data`属性时，在选项数组最前面添加一个默认空值的选项即可。示例代码如下： ```html <input id="my-combobox" class="easyui-combobox" data-options="valueField:'id',textField:'name',url:'data.php',value:'',editable:false,data:[{id:'',name:'请选择'},{id:1,name:'选项1'},{id:2,name:'选项2'}]"> ``` 其中`value`设置为`''`表示默认选中空值，`editable`设置为`false`表示禁止用户编辑该选项，`data`属性中第一个选项为一个空值选项。这样，初始化时下拉框就默认选中空值选项。