easyUI —— 下拉选框（id隐藏name显示）

最新推荐文章于 2024-10-01 21:28:00 发布

wei_aiwan

最新推荐文章于 2024-10-01 21:28:00 发布

阅读量2.1k

点赞数 2

分类专栏：前端技术 easyUI代码收录文章标签： easyUI下拉选下拉选隐藏id combobox设置默认值 combobox获取value和text

本文链接：https://blog.csdn.net/han_xiaoxue/article/details/79880686

版权

本文介绍了如何在easyUI环境中创建一个下拉选框，使得ID保持隐藏而Name可见。通过JSP、JS代码和Controller的配合，实现了下拉选框的初始化设置及选中事件后的值获取。提供了三种不同的默认设置选中值的方法。

摘要由CSDN通过智能技术生成

图例

这里写图片描述

Jsp代码

做出如上的样式

  <td class="caissa-td85">产品来源</td>
  <td class="caissa-td148">
      <input id="supplierName" name="supplierName" class="easyui-combobox" style="width: 220px" value="--请选择--"/>
  </td>

Js代码

$('#supplierName').combobox({
   
	    url

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wei_aiwan

关注关注

2
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

easy ui 隐藏文本框

ssssdfdsf的博客

08-17

2327

主要是动态来显示隐藏文本框来展示 html <select class="easyui-combobox" style="width:70%" data-options="label:'部门类型:',required:true,prompt:'请选择部门类型',onChange:choose"

EasyUI —— 下拉选模糊匹配搜索

han_xiaoxue的博客

05-09

3210

一、静态拼接下拉框效果 html <input id="channelCompanyName" name="channelCompanyName" class="easyui-combobox" data-options="" style="width:140px"/> JS $(function(){ autoChannelCompanyData("channe...

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

easyui隐藏下拉框

hqlai1234的专栏

11-12

925

$('#city').next('.combo').hide();

[前端][easyui]easyui select 默认值

最新发布

一名不太专业的程序员

10-01

2171

EasyUI 是一个基于jQuery的界面库，它提供了一系列轻量级的控件，使得开发者可以快速地构建出美观、功能丰富的用户界面。在你提供的代码片段中，函数用于初始化一个EasyUI的下拉选择框（combobox），并设置它在数据加载成功后默认选中“全部”这个选项。表示下拉框不可编辑，用户只能从下拉列表中选择，不能直接在输入框中输入文本。函数在数据加载前对数据进行处理，这里将一个包含。，表示下拉框的值和显示的文本都使用数据中的。变量和查询参数来构造完整的请求URL。的新对象添加到数据数组的开始位置。

easyui combobox实现下拉框获取后端数据并多选和取值，实现textbox的隐藏框

weixin_42681866的博客

04-20

2410

前文需求是在进入表单时，展示下拉框数据，数据从后端获取，并支持多选，最后再提交表单把数据传回给后端。虽然combobox可以支持用url请求后端，但因为form包含多个下拉框，不可能每个都自己去请求，所以直接通过ajax统一获取，至于多选则通过增加multi属性即可，最后通过getvalues获取键值提交即可。接下来会细说。 ajax实现combobox获取后端数据前端代码如下： &l...

如何使用easyUI来隐藏下拉框combobox的下拉箭头（附带效果图）？

wby_430的博客

08-30

6246

如何使用easyUI来隐藏下拉框combobox的下拉箭头（附带效果图）？前几天用easyUI做项目的时候碰见了一个问题，需要combobox下拉框但又不想让下拉框的箭头显示出来，就像我们使用百度的时候，你双击输入框就会自动显示下拉列表的内容，但是没有下拉框的那个下拉箭头，如下图所示：那么我们如何实现这个功能的呢？其实很简单，只需下面的两行代码即可实现： $('#cmbRangeId').com

EasyUI的下拉框（一）

走在奋斗的路上

07-09

2563

最近做一个下拉框，页面加载的时候对于下拉框中的数据加载，将结果做一下分享。创建一个预定义的下拉框列表，可以使用元素，也可以使用元素来创建。具体的可以查看easyUI 的官方的API。这里我使用的是来进行创建。首先说一下下拉框的样式：第一种样式：选中边框变为蓝色第二种样式：第三种样式：

easyUI下拉列表点击事件使用方法

08-30

easyUI下拉列表可以通过input和select标签创建，select标签的data-options属性用于设置选项的值字段和显示字段，例如：<select id="in_edit_netlink" style="width:160px;" class="easyui-combobox" data-options=...

easyUI —— JS加载easyUI表格

han_xiaoxue的博客

04-02

903

html 将要生成的数据表格，放到div中 <div data-options="region:'center',border:false" title="查询结果"> <div id="commissionResult" style="height:325px"></div> </div>

easyui datagrid 动态隐藏显示列

08-08

jquery easyui 扩展 datagrid 自定义动态隐藏显示列

显示和隐藏easyui combobox

a363722188的专栏

01-08

5070

显示和隐藏easyui combobox代码如下： ? 1 2 3 4 5 6 7 8 //隐藏 state为comboboxid function hide(){ $("#state + .combo").hide(); } //显示 state为combo

easyui combbox 显示默认值

09-10

easyui combbox 组件，如何显示默认值

jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑

10-21

主要介绍了jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

easyui按钮可选不可选，按钮显示隐藏

jk6541的博客

07-19

1536

1.第一种 document.getElementById("delete").style.display=''; //标签显示 document.getElementById("delete").style.display='none'; //标签隐藏 <a id="btn_save" href="#" class="easyui-linkbutton" iconCls="icon-ok">确定</a>按钮的隐藏 2.第二种 Jquery的具体写法： $("#bt...

easyui中的隐藏和显示style="display: none;"

weixin_34345753的博客

09-04

1839

2019独角兽企业重金招聘Python工程师标准>>> ...

Easyui动态显示下拉框列表以及设置值

qq_34922063的博客

03-07

2338

笔记背景：白名单开关管理，开关原来的状态只有true，false两种状态，后面又增加一种开关这种开关的状态有三种，分别是closed，left，right，且这种开关只有一条数据，编辑这条开关信息的时候需要做特殊处理，编辑的时候下拉框只能显示上面三种状态，其他的开关的下拉框的则显示true，false。 $(’#form’).form(‘load’,rows[0]); //加载选择的数...

easyui-combox 下拉框选择默认值

Black Swan

09-05

1984

今天碰见一个问题，就是easyui-combox 下拉框选择默认值的问题。这个问题百度了一下很简单。有一段代码很好用，希望能帮助以后的猿友们。(function(){(function(){ (“#selectCnq”).combobox({ url: ‘DataAction!getCNQList.action’, valueField: “ID”,

easyui的combobox设置下拉框默认选中某一项

12程序猿的博客

07-23

3395

JSP页面：可以这样写，提供option的选项, <input class="easyui-combobox" name="customerStatus" id="customerStatusList" data-options="valueField: 'value',textField: 'label', data: [{label: '未审核', value: '1'}, {label: '审核中', value: '2'}]" ,

easyui的datagrid显示或隐藏列

pyy的博客

07-27

3475

1.根据下拉框选择要显示的列 html: javascript: //因子被选中时 function factorOnSelect(nv, ov) { if (data != "" && data != null && data != undefined) { var all = ["SO2", "NO2", "

jQuery EasyUI ComboBox下拉选择框详解

"ComboBox是jQuery EasyUI中的一个组件，它提供了下拉选择的功能，适用于需要用户从一系列选项中选择一个的场景。此组件可以方便地通过HTML标签、JavaScript或输入框的方式来创建，具备丰富的定制性和交互性。" 在...