- okok云
-
jsp中要利用jquery来实现combobox效果。
combobox显示的是一个可以编辑的文本框和一个下拉列表.允许用户从里面选择一个或者是多个值,用户可以直接输入值到列表顶部,或者可以从列表选择一个或多个现有值.
使用方法(Usage Example)
从<select>元素和一个预定义结构创建combobox.
<select id="cc" class="easyui-combobox" name="dept" style="width:200px;">
<option value="aa">aitem1</option>
<option>bitem2</option>
<option>bitem3</option>
<option>ditem4</option>
<option>eitem5</option>
</select>
从<input>标记创建combobox.
<input id="cc" class="easyui-combobox" name="dept"
data-options="valueField:"id",textField:"text",url:"get_data.php"" />
使用javascript创建combobox
<input id="cc" name="dept" value="aa">
$("#cc").combobox({
url:"combobox_data.json",
valueField:"id",
textField:"text"
});
创建两个依赖的combobox
<input id="cc1" class="easyui-combobox" data-options="
valueField: "id",
textField: "text",
url: "get_data1.php",
onSelect: function(rec){
var url = "get_data2.php?id="+rec.id;
$("#cc2").combobox("reload", url);
}" />
<input id="cc2" class="easyui-combobox" data-options="valueField:"id",textField:"text"" />
json数据转换示例:
[{
"id":1,
"text":"text1"
},{
"id":2,
"text":"text2"
},{
"id":3,
"text":"text3",
"selected":true
},{
"id":4,
"text":"text4"
},{
"id":5,
"text":"text5"
}]
- wpBeta
-
<SELECT ID="oSelect" NAME="Cars" SIZE="1">
<OPTION VALUE="1" SELECTED>宝马
<OPTION VALUE="2">保时捷
<OPTION VALUE="3" SELECTED>奔驰
</SELECT>
运行下自己看看就可以了
- 大鱼炖火锅
-
combobox应该是VB或C#中的概念了
一般用文本框输入数据,如果在一个特定的不是很大的范围内,比如性别于是就使用combobox了
比如现在向数据库中插入一条记录,其中一列的值由至combobox中选择确定
<SELECT NAME="Cars">
<OPTION VALUE="1" SELECTED>宝马</OPTION>
<OPTION VALUE="2">保时捷</OPTION>
<OPTION VALUE="3" SELECTED>奔驰</OPTION>
</SELECT>
在combobox中选择完毕,其它地方也填好点提交按钮提交表单提交至一个.jsp视图或控制器
通过String cars=request.getParameter("Cars");
那么此时cars的值就为"1"或"2"或"3"当中的一个
(注:对于上边朋友的关于控件的代码,我因为懒直接拿来用了,这个审明一下,在之基础上补充一点)
- 北境漫步
-
好像有个java combobox
- 苏州马小云
-
用下拉列表就行了 怎么用我还不知道 combobox不是C#的吗