easyui-combobox 动态添加选项option

根据后台数据添加:

$("#themecombo").combobox({
		    url:'<%=basePath%>analysis/getactivit.action',
		    valueField:'id',
		    textField:'title',
		    editable:false
		});

然后想在最前面添加一个空选项:

 $(document).ready(
				function(){
					$.ajax({
					 url:'<%=basePath%>analysis/getactivit.action',
					 type:'post',
					 success:function(data){
					 	var themecombo2 =[{ 'text':'请选择','id':''}];
							for(var i=0;i<data.length;i++){
							themecombo2.push({"text":data[i].title,"id":data[i].id});
							}
						$("#themecombo").combobox("loadData", themecombo2);
					 }
					});
		 });
<td class="label" id="lthemecombo">主题: </td>
<td class="content" id="lthemecomboi">
<input id="themecombo" class="easyui-combobox" name="prefecture" style="width:160px;" data-options="editable:false,valueField:'id', textField:'text'" />
</td>
时间: 2024-11-07 03:31:19

easyui-combobox 动态添加选项option的相关文章

JQuery EasyUI combobox动态添加option

<input id="select_city" name="select_city" class="easyui-combobox" style="width:435px" data-options="valueField:'id', textField:'text' > 方法一: var data, json; json='[{"id":1 , "text":&q

easyui combobox动态默认选项设置

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- 引入JQuery --> <script type="text/javascript" src="../JQuery-EasyUI-1.5.1/jquery.min.js">

EasyUI combobox动态增加选择项

有需求需要动态的为combobox增加可选项,后来解决方案如下 html如下 <select id="workerList"></select> js 如下 keyArray为数组 tips:此处forEach 不是都支持,火狐官网上有对此方法的修正现在直接将代码贴上,大家可以自行查阅 if (!Array.prototype.forEach) { Array.prototype.forEach = function(callback, thisArg) { v

EasyUI datagrid动态添加列

任务描述:根据用户选择时间段,生成列数据,如图 一.先定义好datagrid固定的数据列 <script type="text/javascript"> $(document).ready(function () { $("#td_Radio").datagrid({ striped: true, border: true, iconCls: 'icon-edit', //图标 singleSelect: true, autoRowHeight: tru

android--解决方案--自定义tabhost(动态添加选项+带自动水平滑动选项卡+手势切换选项卡及内容功能)

本文主要解决自定义tabhost的实现,以及集成通过代码动态添加选项卡功能.选项卡水平自动滑动功能.以及通过手势来切换选项卡功能. 下面跟我一起来完成这个完美的解决方案: 1.定义tabwidget选项卡的布局:tab_button.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/r

easyui datagrid 动态添加columns属性

公司在项目设计的时候,有一个需求,就是查出来的表的字段不唯一,一张表的字段可能是三个,也可能是五个,但是却要把它显示到页面,这个给我做ui的带来一点麻烦.因为以前一般用easyui 的datagrid里的columns属性都是对应数据库表里的字段,现在字段都不知道,怎么用datagrid显示数据呢?本人在这里介绍最笨的办法,就是拼接出columns 属性的格式,我承认,我的办法效率不高,但是当你无从下手的时候,,这未尝不是解决问题的办法,当然在解决这个问题之前,我也百度了一下,试了一些办法,有的

JS 通过系统时间限定 动态添加 select option

虽然是个简单的效果,还是需要积累一下,记录一下: 在八月一号之后,删除最后一项,新添加2016级 — — 2015级 2014级 2013级 2012级 在六月一号之后,删除最后一项,新添加2016级 — — 2016级 2015级 2014级 2013级 源代码: <select id="myselect1"> <option value="">— —</option> <option value="2015级&

EasyUI 布局 - 动态添加标签页(Tabs)

首先导入js <link rel="stylesheet" href="../js/easyui/themes/default/easyui.css"> <link rel="stylesheet" href="../js/easyui/themes/icon.css"> <script type="text/javascript" src="../js/jquery

select框动态添加选项

$.ajax({ url : "${staticServer }/ywgl/zkpzgl/zkfkgl/showBillType.htm", //ajax请求路径 type : "post", //请求方式 data : "", //请求时发送的数据 async:true, //是否异步 dataType : "json", //数据格式 success : function(r){ //访问成功时调用的方法(其中r时是返回的