Easyui combobox设置不可编辑

最新推荐文章于 2024-06-26 16:06:16 发布
最新推荐文章于 2024-06-26 16:06:16 发布
阅读量2.4w 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JS 文章标签： combo box js easyui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/JasonGxz/article/details/75042197
本文介绍了如何使用Easyui库在JSP中创建一个Combobox，并通过JavaScript设置其为不可编辑状态，确保用户只能从预定义的选项中选择，而不能手动输入。示例代码展示了如何在初始化Combobox时配置`editable:false`来实现这一功能，并且展示了如何获取选定的Combobox值。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

JSP：

      

<div>
        <select id="myCombobox" class="easyui-combobox" name="dept" style="width:100px; height:25px">
                                    <option value="2017/7">2017年7月</option>
                                    <option value="2017/8">2017年8月</option>
                                    <option value="2017/9">2017年9月</option>
                                    <option value="2017/10">2017年10月</option>
                                    <option value="2017/11">2017年11月</option>
                                    <option value="2017/12">2017年12月</option>
                               </select>
          </div>




<script type="text/javascript">

            $(function(){
                $('#myCombobox').combobox({    
                 required:true,    
                 multiple:false, //多选
                 editable:false  //是否可编辑
                 });  
            })
</script>


获取值

var comboboxValue = $('#myCombobox').combobox('getValue');


动态设置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 combobox自动搜索提示功能
夏已微凉、
11-09 1468
                                                                  easyui combobox自动搜索提示功能 1、前端代码： &lt;input class="easyui-combobox" id="userId" style="width:200px;"&gt;&lt;/input&gt; &lt;script&g..
C# 可指定选项不可选择的ComboBox
03-29
自定义ComboBox，实现指定项不可选择。 只要添加项的标题中含有字符串（*），该项即变为灰色斜体，不可选择。 若强行选择该项，系统会自动搜索临近可用项。 使用方法： com.Item.Add("不可选项 *"); com.Item.Add("可选项");
easyUI combobox动态设定不可编辑属性
qq_34170240的博客
07-02 7168
1.disable属性，灰色不可编辑 $("#id").combobox(‘enable’); //可用 $("#id").combobox(‘disable’); //不可用 $(’#id’).combobox({ disabled: true }); 2.readonly属性，颜色不变不可编辑 $("#id").combobox(‘readonly’, true); 3.easyui te...
如何让easyui-combobox不可编辑
aa1234567489的博客
04-05 1043
在data-options中添加一个editable:false 就可以了。 editable它的意思就是 是否可编辑 ，改成false 就是不可编辑了。 转载于:https://www.cnblogs.com/g-yang/p/6668105.html...
easyui combobox 不可编辑
lanhaidon的博客
05-18 1025
设置editable:false属性即可达到内容不可编辑的目的。
EasyUI：combobox设置不可编辑更改
KaiSarH
06-15 2417
easyUI中combobox设置不可编辑更改
如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
09-03
在开发基于EasyUI的Web应用时，我们常常会遇到数据展示和编辑的需求，这时datagrid组件和combobox控件是常用的选择。然而，在实际操作中，可能会遇到一个问题：当用户在datagrid中的combobox字段手动输入数据后，...
EasyUI中combobox默认值注意事项
09-03
在使用EasyUI框架进行Web应用开发时，常常会遇到设置Combobox（下拉框）默认值的问题。EasyUI的Combobox组件是一个强大的选择项输入控件，它将文本输入框和下拉列表相结合，提供了丰富的功能。然而，在设置默认值时...
【EasyUI】Easyui datagrid动态设置单元格不可编辑
mingzi0118的博客
02-22 2056
效果如图-动态禁用某些单元格 参考文章：https://blog.youkuaiyun.com/weixin_42717849/article/details/87462563 列不可编辑生效，但是动态单元格不可编辑始终不生效，如果下修改代码后实现效果： var rowData = $("#testDesign").datagrid('getRows')[index];//选中的行 if (rowData.moduleName=="回归案例"||rowData.moduleName=="端到端案例"){
easyUI combobox不可手动输入和禁用
不积跬步，无以至千里
08-29 2515
设置select不可编辑
easyui中combobox遇到的问题
qq_41309961的博客
03-24 883
combobox问题：1、模糊查询和不可编辑；2、多选回显；3、新增时候第一个会多一个，
Easyui combobox 输入框 开启编辑，客户总非法输入？
qq_36056427的博客
06-26 474
Easyui combobox 开启编辑，客户非法输入，无法获取输入项ID，无法触发onSelect等
datagrid 设置combobox并设置不可编辑
小耿的博客
07-13 3280
上篇文中已经写了datagrid中实现combobox的方法和相关事宜，所以，这里主要说明一下combobox的不可编辑设置 在editor的属性中设置editable:false属性，就可以实现combobox不可编辑但是可以选择。editor: { type: 'combobox', options: { data: stutype, valueField: "value", textFie
easyui textbox及combobox设置不可编辑
起风了
05-24 2091
$('#Mac').textbox('textbox').attr('readonly', false); //设置输入框为可编辑 $("#Type").combobox('enable'); //可用,设置下拉款为可选择 $('#Mac').textbox('textbox').attr('readonly', true); //设置输入框为禁用 $("#Type").c...
C#_设置combox下拉列表不可编辑
瞎点技能树
11-10 4246
C#的ComboBox设置为只选择，不可编辑
qq_40242160的博客
04-21 5853
DropDownStyle：DropDownList
easyui-combobox与input组合下拉框，实现客户不可编辑但可以选择
Anthonyyy_的博客
05-13 1281
使用editable＝“none”属性即可实现。 看网上很多说使用readonly＝“readonly”，但是我加上这个条件后由于input框无法选中，故无法触发跳转url并传参动态绑定下拉列表功能。
jquery easyUI的combobox可用与否设置
累了才懂回家
10-11 218
不能通过 $('#ID').attr("disabled", false); 来设置combobox是否可用。 通过下面的方式： $('#ID').combobox('enable'); $('#ID').combobox('disable');
easyui combobox 年度
最新发布
03-01
### EasyUI Combobox 年度选择 示例 使用方法 为了创建一个用于年度选择的 EasyUI Combobox 组件，可以利用静态定义的一组年份作为数据源。下面是一个具体的实现方式： #### HTML 部分 ```html <select id="yearCombo" class="easyui-combobox" style="width:200px;"></select> ``` #### JavaScript 初始化部分 通过脚本初始化 combobox 控件并设置其属性。 ```javascript $(function() { // 定义年份数组 let years = []; const startYear = 1970; const endYear = new Date().getFullYear(); for (let year = startYear; year <= endYear; year++) { years.push({ id: year, text: year.toString() }); } $('#yearCombo').combobox({ data: years, // 数据源 valueField: 'id', // 值字段名 textField: 'text', // 显示文本字段名 panelHeight: 'auto', // 自动调整面板高度 editable: false // 设置为不可编辑模式 }); }); ``` 此代码片段首先构建了一个从 `startYear` 到当前年的数组对象列表，其中每个对象都含有两个键：`id` 和 `text`，分别对应于实际存储的值以及显示给用户的文字[^3]。之后配置了 combobox 的选项，指定了这些选项中的哪些应该用来填充控件本身及其下拉菜单的内容[^5]。 对于希望提供更友好的用户体验的应用程序来说，在页面加载时自动选取最近一年可能是有用的；这可以通过调用 `.combobox('setValue')` 方法来完成。 #### 默认选中当年操作 ```javascript $('#yearCombo').combobox('setValue', endYear); ``` 上述代码将在页面初次渲染完成后立即执行，从而确保最新一年总是处于选定状态。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值