`

jquery selectcombo的用法

阅读更多
1 加入js文件
<script type="text/javascript" src="../js/selectCombo.js"></script>


2 在js代码中写入

$(document).ready(function(){
  $('#select1').selectCombo('[action]','#select2',{pageload: true, hidetarget: false});
  });


action位置返回一个json的键值对数组,下面步骤有介绍.

select1是第一个select,select2是需要改变的select



3 需要一个java类

public class ValueAndName{
	
	private String oV;
	
	private String oT;

	public String getOV() {
		return oV;
	}

	public void setOV(String ov) {
		oV = ov;
	}

	public String getOT() {
		return oT;
	}

	public void setOT(String ot) {
		oT = ot;
	}	
}


oV表示value
oT表示显示的文字

4 处理事件的action或者jsp页面

先用List<[3步骤中的类]> list保存好需要显示的键值对

然后作处理

    net.sf.json.JSONArray list = net.sf.json.JSONArray.fromObject(list);
    out.print(list.toString());


5 在这个过程中需要一个包json-lib-2.2.3-jdk15.jar
分享到:
评论

相关推荐

    jQuery-ComboSelect插件

    在实际应用中,使用jQuery-ComboSelect插件通常涉及以下步骤: 1. 在页面中引入jQuery库和jQuery-ComboSelect插件的JavaScript及CSS文件。 2. 初始化插件,指定要增强的下拉选择框元素,并设置相应的配置项,如是否...

    Jquery combo-select

    本文将深入探讨jQuery combo-select的实现原理、使用方法以及如何自定义扩展。 一、jQuery combo-select的原理 jQuery combo-select通常由两部分构成:一个下拉列表(select)和一个文本输入框(input)。当用户...

    jQuery下拉查询筛选插件Combo Select

    **jQuery下拉查询筛选插件Combo Select** 在Web开发中,为了提高用户体验,经常会使用到下拉选择框,特别是当选项列表很长时。jQuery库提供了一种强大的方式来增强原生HTML元素的功能,其中就包括了`Combo Select`...

    jQuery下拉查询筛选插件Combo Select.zip

    jQuery下的 Combo Select 插件是一种高效且用户友好的下拉查询筛选工具,广泛应用于网页开发中,特别是需要在大量数据中快速查找和选择项时。这个插件是基于HTML5技术构建的,确保了在现代浏览器中的兼容性和性能。...

    [原创]基于JQUERY的Combo下拉框控件

    如果初始化时,传入的是SELECT控件,则控件中的内容和使用模式将被缓存到GooCombo对象中 有三种模式可定义:basic基本,multiple可多选,filter过滤显示 当Input内容框为可写状态时,可以通过输入TEXT来直接获取要...

    基于jquery的html select完全自定义化插件

    然后,通过jQuery选择器定位到要自定义的`&lt;select&gt;`元素,并调用`.comboSelect()`方法初始化插件。例如: ```javascript $(document).ready(function() { $('select').comboSelect({ // 这里可以设置自定义参数,...

    jquery操作select方法汇总

    这里我们将详细探讨jQuery如何实现对SELECT的选择、设置、添加和删除Option的方法。 1. **jQuery获取Select选择的Text和Value** jQuery提供了方便的方法来获取SELECT元素当前选中的选项的文本和值。例如,我们...

    Juqery插件,下拉,支持多选,单选,模糊查询

    7. **使用方法**: 要在项目中使用MaxCombobox,首先需要引入jQuery库和插件的JavaScript及CSS文件。然后,通过jQuery选择器找到需要转换的元素,并调用插件方法,设置相应的配置项以实现所需功能。 8. **自定义...

    jQuery带多选和过滤功能的树状结构下拉框插件

    **jQuery库介绍** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。...通过熟悉其基本原理和使用方法,开发者可以轻松地将其集成到项目中,以增强用户体验。

    jquery.combotree 多选下拉树

    3. **初始化Combotree**:使用jQuery选择器找到`&lt;select&gt;`元素,并调用`.combotree()`方法进行初始化。传递必要的配置参数,例如树的数据源、多选设置等。 ```javascript $("#combotree").combotree({ data: { /* ...

    下拉查询筛选插件Combo Select.zip

    Combo Select是一款专为jQuery设计的高效、用户友好的下拉查询筛选插件。这款插件主要解决了传统HTML下拉框在处理大量数据时筛选困难的问题,通过提供实时搜索功能,帮助用户快速找到所需选项,极大地提升了用户体验...

    下拉查询筛选插件Combo Select特效代码

    在整合到项目中时,开发者需要引入jQuery库和Combo Select插件的JavaScript文件,然后通过调用特定的jQuery方法初始化插件,如`$("#selectId").comboSelect()`,其中`#selectId`是目标下拉框的ID。此外,开发者还...

    combo控件的用法

    4. **Web开发 (HTML/JavaScript)**:HTML5的`&lt;select&gt;`标签可以创建基础的下拉列表,但若要实现类似Combo的效果,通常会使用jQuery UI或Bootstrap的ComboBox插件,或者使用现代Web技术如Vue.js或React构建自定义组件...

    jQuery EasyUI 1.3.5 离线简体中文API文档

    combogrid:修复某些从combo组件继承来的方法无法使用的问题。 Improvement(改进) datagrid:改进检查行时候的性能; menu:允许追加菜单分隔符; menu:新增“hideOnUnHover”属性用于在鼠标离开菜单的时候...

    editable select

    在实际应用中,要使用这个插件,你需要将`jquery.js`和`jquery.editable-select.js`(以及可能的CSS文件)引入到HTML页面中,然后通过jQuery选择器选取需要变为可编辑的下拉列表,并调用`.editableSelect()`方法。...

    jQuery EasyUI 为Combo,Combobox添加清除值功能的实例

    本文介绍在使用jQuery EasyUI框架开发Web界面时,如何为Combo和Combobox组件添加清除值的功能。在很多Web应用中,提供一个清除输入的功能是十分必要的,可以提高用户的交互体验。jQuery EasyUI提供了一套丰富的UI...

    jquery插件表

    - **Select Combo Plugin**:提供组合框效果的插件。 - **jQuery - LinkedSelect**:创建关联的下拉列表,改变一个下拉框时,另一个下拉框会相应更新。 - **Choose Plugin (Select Replacement)**:美化并增强原生...

    jquery_easyui培训文档

    此外,ComboBox还提供了`loadData()`方法用于动态加载数据,`select()`方法用于选中特定项,以及`unselect()`方法用于取消选中。 **Dialog(对话框)** Dialog组件提供了一种弹出式的窗口,用于显示独立的信息或...

Global site tag (gtag.js) - Google Analytics