jquery禁止输入框修改，jquery设置输入框不可编辑

如何让jquery-easyui的combobox像select那样不可编辑

首先，利用jquery easyui中的下拉框，需要放在Java Web项目中。新建一个Java Web项目，并将相应的js和css放到目录下，并在pages目录下新建select.jsp。然后我们根据图示代码引入jquery easyui需要的js和css。

首先我们打开html开发工具，新建一个html代码页面。在html代码页面上创建一个select下拉菜单。保存html代码页面，使用浏览器打开，这个时候我们发现select下拉菜单是可以点击修改的。

在easyui 4中多次渲染同一个combobox组件就会出现这个问题，这可能是一个bug。 而easyui 3就没事，可能是3解决了这个bug。

一般的解决办法是用一个透明等大的iframe来掩盖下面的select。你试试吧。

引入EasyUI插件核心css和js文件，并引入jQuery核心js文件。下面开始编写ComboBox容器，该控件利用的是select标签元素构成的，设置ComboBox样式，如下图所示。

相关问答

Q1: HTML如何禁止文本框输入

disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点，后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。

方法一：设置readonly属性为true。Html代码 方法二：设置disabled属性为true。Html代码 温馨提示：readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互（表现为不可改写、不可提交等），readonly是可以提交的。

html禁止文本框输入，用到的工具：notepad++，代码以及输出效果如下：代码部分。input type=text name=name readonly=readonly /说明：readonly=readonly，文本框就不能输入了。

在ue编辑器中新建一个空白的html文件。在ue编辑器中输入以下html代码。编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。

使用disabled属性，input type=textdisabled 不过你记住设置了disabled后这个值不能被post接收。

方法一：设置readonly属性为true。input type=text value=readonly readonly 方法二：设置disabled属性为true。

Q2: 使用jquery如何限制输入框输入数字范围在20到30之间

首先判断是否是数字（这里包括整数与带小数两种情况，未考虑负数情况）其次判断value长度。

监听文本框的onchange事件，来用JS判断当前数字的大小。

你可以直接修改输入框的属性maxlength。比如 如果你一定要使用jquery改变的话，那就改变元素的属性。

不知道楼主是要一位整数还是多位，我这个代码是多位的。如果要一位整数，楼主直接用 下拉列表框(select) 就好了。

jquery-min.js引入jquery.min.js文件。用正则表达式判断用户每次输入的内容，当内容不是数字就不显示。保存后html文件后，适用浏览器打开进行测试，发现输入非数字的内容无法在文本框上显示。

关于jquery禁止输入框修改和jquery设置输入框不可编辑的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。