easyui-combobox与input组合下拉框，实现客户不可编辑但可以选择

原创 已于 2022-05-13 17:51:17 修改 · 1.3k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#html #asp.net
于 2022-05-13 17:49:58 首次发布
博客探讨了在HTML中使用`readonly`属性时遇到的输入框无法选中导致动态绑定数据失效的问题。作者提出使用`editable=none`属性作为替代方案，但同时指出这将使输入框完全不可编辑。文章邀请读者分享更好的解决方法，特别是对于需要兼顾编辑与动态绑定功能的场景。

使用editable＝“none”属性即可实现。

解决readonly无法选中输入框导致无法动态绑定数据问题。
看网上很多说使用readonly＝“readonly”来实现不让客户编辑文本框的功能，但是我加上这个条件后由于input框无法选中，故无法触发跳转url并传参动态绑定下拉列表功能。如有更好的解决办法，欢迎留言。

Anthonyyy_
关注
easyui实现下拉框从数据库读取数据动态填入
空空说技术的博客
10-31 8680
easyui实现下拉框从数据库读取数据动态填入 开发项目的时候遇见一个问题，就是使用easyui的时候，需要采用下拉框，而这个框里面的数据呢，需要是动态的，是从数据库读取数据动态填入的。 记录一下，以后会用到。 1.jsp页面： easyui创建下拉框。不会的请参考easyui官网。 就是在JSP页面中，添加一个input标签，给标签加上如下属性 <td>所属类别：</td&g...
easyui combobox下拉框组件输入检索全模糊查询
qq_38650613的博客
04-08 2227
easyui combobox下拉框组件输入检索全模糊查询
动态设置easyui textbox/combobox 的input框不可编辑/可编辑 +去除disable灰色背景
LonelySnow的博客
12-03 1万+
1.easyui textbox $('#test').textbox({                 editable:false             }); 2.easyui combobox $('#test').combobox({ disabled: true });   3.注意 1）不可以通过$(#test).attr("editable")=f...
Easyui设置easyui-textbox不可编辑
流萤飞火的博客
12-14 1万+
在easyui里由于easyui-textbox被封装，通过一般的jquery方法无法实现禁止输入的效果 通过F12可以看到，自己写的input被设置为display：none，并且在下方又添加了一个id="-easyui-textbox-input1"的input。其中input1是第几个class为easyui-textbox的输入框就是input几 百度后发现下列方法可以实现 禁
easyUI combobox动态设定不可编辑属性
qq_34170240的博客
07-02 7371
1.disable属性，灰色不可编辑 $("#id").combobox(‘enable’); //可用 $("#id").combobox(‘disable’); //不可用 $(’#id’).combobox({ disabled: true }); 2.readonly属性，颜色不变不可编辑 $("#id").combobox(‘readonly’, true); 3.easyui te...
Easyui combobox 输入框 开启编辑，客户总非法输入？
最新发布
qq_36056427的博客
06-26 598
Easyui combobox 开启编辑，客户非法输入，无法获取输入项ID，无法触发onSelect等
input标签设置为不可用状态的三种方法
qq_41818857的博客
02-01 5791
一、disabled 禁用input元素，背景颜色变成灰色，不能点击和编辑，但后台可以接收到input中的数据。 <input type="text" name="name" value="sss" disabled> 二、readonly readonly为只读，背景颜色不变，不可点击和编辑，后台也无法接收到收据。 <input type="text" name="name...
easyUI combobox不可手动输入和禁用
不积跬步，无以至千里
08-29 2804
设置select不可编辑
使input文本框不可编辑的3种方法
热门推荐
u010210251的博客
11-08 16万+
今天试了一下使input文本框不可编辑的3种方法，现在总结一下： disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。 示例： readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切
easyui中combobox遇到的问题
qq_41309961的博客
03-24 983
combobox问题：1、模糊查询和不可编辑；2、多选回显；3、新增时候第一个会多一个，
easyui-combobox与input组合下拉框，监听事件以及获取选中值
焦糖橙子
04-21 4776
easyui-combobox与input组合下拉框，事件以及获取值 话不多说上代码： 这是一个简单的前台利用easyui-combobox 和input 组成的下拉框 <label class="layui-form-label"><font color="red">*</font>是否预警:</label> <div class="l...
Easyui combobox 手动输入问题
Nicholas_long的博客
06-06 6064
这里就不上图了很简单的一个问题，如果你使用easyui 的combobox 下拉框 可能碰见过可以手动输入任何值 又或者 选择之后还可以手动输入把选好的值改变了，可以把combobox 禁用掉 使用 editable = "false"  就可以...
easyui-combobox 可模糊搜索但不可以输入解决方案
ALLureかPluto
06-15 1630
easyui-combobox 可模糊搜索但不可以输入解决方案
EasyUI，comobox兼容可编辑和和下拉框
iaiti的专栏
09-16 1万+
一、问题初遇。最近在开发一个功能的时候遇到一个问题。EasyUI中的comobox，组合框可以在下拉框中选择，也可以手动输入后，因为有自带的模糊查询，下拉框中有对应内容的提示。问题来了：1、如果你不去选择安卓，这里应该提示你这名称是有错的。2、如果你输入了360，这里没有360的选项，但是数据库里面有360这个对应的一个平台的时候，是正确的，没有的话应该返回错误。二、EasyUI comobox实
easyui中如何设置下拉列表框combobox只能选择，列表框内不能输入
光华小丸子
01-21 2万+
像下面这样，用easyui的combobox做的下拉列表，要使它只可以选择列表里面的值，不可以直接输入或删除值 data-options在支持HTML5的浏览器中有效，如果浏览器版本较低，那么最好直接把配置写成属性，例如： input id="demoCombo" type="text" class="easyui-combobox" editable="false"/>
easyui combobox <select> 清空之后保存
wuhc_javaweb的博客
01-11 1101
一、首先要知道combobox的一些方法和其他相关的东西 Combobox用法和方法参数: 1、 需要引入class=" easyui-combobox” 2、 参数设置需要在data-options中设置 3、 属性参数配置： valueField：基础数据值名称绑定到Combobox(提交值) textField：基础数据的字段名称绑定的Combobox（显
easyui中设置input框的datebox为不可操作状态
Junit的博客
10-24 962
easyui中设置input框的datebox为不可操作状态（为灰色） $("#txtContractSignDate").datebox({disabled:true}); $("#txtContractEndDate").datebox({disabled:true}); ...
easyui的input标签设置禁止输入
qq_46056841的博客
04-17 1751
easyui的input标签设置禁止输入 最简单的方法就是在input标签中加上readonly=“readonly” <div style="margin-bottom:10px" > <input class="easyui-numberbox" label="电 话:" prompt="1111" style="width:100%" readonly="readonly...
easyui中普通input和下拉框input的readonly属性修改
Jesus的博客
03-27 2336
1. 在easyui项目中，修改普通输入框的readonly属性 ： $(selector).attr("readonly",true/false);       true为禁止输入内容，false为可以输入内容； 2.在easyui项目中，修改下拉框的readonly属性： $(selector).combobox({readonly:true});    当为true时，禁止输入内容且下
EasyUi datagrid editor 自定义编辑器 mutilbox 一列多编辑器 一列包含 下拉框 文本输入框
tttesbit的博客
05-20 3393
easyUI datagird数据表格 一列实现下拉框 和 编辑框 复合编辑器 自定义编辑器
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值