Jqure实现下拉多选
- Web
- ")
- {
- try
- {
- if (((string[])Session["obj"])[Convert.ToInt32(no) - 1] == "")
- {
- switch (defaultvalue)
- {
- //add by chairuirui 2013-10-12 start QC注册小组登记表中的注册部门,默认就是创建者的部门
- case "dept":
- if (Session["UP"] != null)//add by chairuriui 2013-7-5 只有创建的时候才能是最新的数据赋值
- {
- //Add by zbl 2016-6-26 Start 部门质量目标检查管理,新建报告时,部门不能给默认值;否则,初始化时根据"部门"获取不到"编号"信息
- ")
- {
- break;
- }
- //Add by zbl 2016-6-26 End 部门质量目标检查管理,新建报告时,部门不能给默认值;否则,初始化时根据"部门"获取不到"编号"信息
- string upType = clsCommon.JsDecodeURIComponent(Session["ModelName"].ToString());
- ((string[])Session["obj"])[Convert.ToInt32(no) - 1] = upType;
- value = upType;
- }
- break;
- //add by chairuirui 2013-10-12 end QC注册小组登记表中的注册部门,默认就是创建者的部门
- default:
- ((string[])Session["obj"])[Convert.ToInt32(no) - 1] = defaultvalue;
- value = defaultvalue;
- break;
- }
- }
- string titleType = "";
- titleType = contentValue;
- DataSet sel = IARREP.GetNameByGroup(titleType);
- string selectOnchangeFunction = string.Empty;//A1表TableType:02 责任单位NO:31
- string strOutsourcing = string.Empty;//外包/外购
- string strGroup = string.Empty;//集团内/集团外
- string[] strSelectedText = value.Split(new
char[] { ';' });//选中项显示值 - // string[] sel = contentValue.Split(',');
- if (sel != null)
- {//onchange=onchangeSel('{0}',80,'{0}');SelectIndex({0}," + type + "," + Session["TYPE"].ToString() + ",'" + TileName + "')
- html.AppendFormat(@"<td {1} bgcolor='#F2F9FF' style='width:500px'><div style='position:relative'><input class='DXText' type='text' readonly='readonly' id='{0}' name='mytextbox' style='width:200px' value='{2}' /><div id='DXSelect' style='position:absolute; display:none; background:#DDEBFF; border:1px solid #8CE5FB; width:200px; top:26px; left:0px' ><ul id='ul_damainList'>", no, (selectOnchangeFunction == string.Empty ? "calss='view-item-td'" : "style='width:180px'"), value);
- int tnum = sel.Tables[0].Rows.Count;
- for (int i = 0; i < tnum; i++)
- {
- string valname = sel.Tables[0].Rows[i]["modelName"].ToString();
- #region Mod by tanpeng 2012-08-27 修改新建时生成下拉列表的选中
- if (value != string.Empty)
- {
- if (i < strSelectedText.Length)//防止数组超出界限
- {
- if (strSelectedText[i] == valname)
- {
- //选中时
- html.AppendFormat("<li style='list-style-type:none' class='oddli'><input type='checkbox' class='licheckbox' checked='checked' value='{0}'/>{0}</li>", valname);
- }
- else
- {
- html.AppendFormat("<li style='list-style-type:none' class='oddli'><input type='checkbox' class='licheckbox' value='{0}'/>{0}</li>", valname);
- }
- }
- else
- {
- html.AppendFormat("<li style='list-style-type:none' class='oddli'><input type='checkbox' class='licheckbox' value='{0}'/>{0}</li>", valname);
- }
- }
- else
- {
- html.AppendFormat("<li style='list-style-type:none' class='oddli'><input type='checkbox' class='licheckbox' value='{0}'/>{0}</li>", valname);
- }
- #endregion
- }
- html.AppendFormat("<li style='list-style-type:none'><input type='button' id='QDing' onclick=onchangeDX('{0}',0,'{0}');SelectIndex({0}," + type + "," + Session["TYPE"].ToString() + ") value='确定'/>    <input type='button' id='QXiao' value='取消'/></li>", no);
- html.AppendFormat("</ul></div></div>");
- html.AppendFormat("</td>");
- if (((string[])Session["obj"])[Convert.ToInt32(no) - 1] == "")
- {
- if (string.IsNullOrEmpty(defaultvalue))
- {
- defaultvalue = value;
- }
- ((string[])Session["obj"])[Convert.ToInt32(no) - 1] = defaultvalue;
- ((string[])Session["obj2"])[Convert.ToInt32(no) - 1] = value;
- }
- }
- }
- catch (Exception ex)
- {
- throw
new System.ArgumentOutOfRangeException("出现位置错误:", ex); - }
- }
- Javascript
- (function($) {
- // 这里依然可以继续使用 jQuery 的 $
- jQuery(".DXText").focus(function(){//聚焦执行函数
- jQuery("#DXSelect").show();//显示div
- })
- jQuery("#QXiao").click(function(){
- jQuery("#DXSelect").css("display","none");
- })
- })(jQuery);
- //add gbb 2016/8/2 多选下拉框 start
- function onchangeDX(no,type,typeNo){
- var liLength = jQuery("#ul_damainList li.oddli").length;
- var DXText;
- for(var i = 0; i < liLength; i++){
- var inputElement = jQuery("#ul_damainList li.oddli input.licheckbox")[i];
- if (inputElement.checked) {
- if (DXText!=undefined) {
- DXText=DXText+inputElement.value+";";
- }else {
- DXText=inputElement.value+";";
- }
- }
- }
- if (DXText==undefined) {
- jQuery(".DXText").val("");
- }else {
- jQuery(".DXText").val(DXText);
- }
- jQuery("#DXSelect").css("display","none");
- _searchCont = "CLICK,selCom," + typeNo + "," + DXText;
- CallServer(_searchCont, "下拉框选值");
- }
Jqure实现下拉多选的更多相关文章
- 我的第一个jquery插件:下拉多选框
<!DOCTYPE HTML> <html> <head> <title> New Document </title> <meta n ...
- multiSelect 下拉多选插件
multiSelect是一款很好用的下拉多选插件,可以在下拉框中实现多选框,全选及取消全选等方法.使用方法:1.引用 multiSelect.css及 multiSelect.js.下载地址 http ...
- Easyui datagrid combobox输入框下拉(取消)选值和编辑已选值处理
datagrid combobox输入框下拉(取消)选值和编辑已选值处理 by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 需求场景 如下,在datagri ...
- 使用jQuery为文本框、单选框、多选框、下拉框、下拉多选框设值及返回值的处理
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- angular2.x 下拉多选框选择组件
angular2.x - 5.x 的下拉多选框选择组件 ng2 -- ng5.最近在学angular4,经常在交流群看见很多人问 下拉多选怎么做... 今天就随便写的个. 组件源码 百度云 链接: ...
- 品优购商城项目(二)AngularJS、自动代码生成器、select2下拉多选框
品优购商城想项目第二阶段 AngularJS.自动代码生成器.select2下拉多选框 完成了课程第三天.第四天的的任务. 1.学习了AngularJs前端的mvc分层思想,js部分分成control ...
- 自己用ul模拟实现下拉多选框,
模拟实现下拉多选框 效果如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...
- 关于knockout下拉多选值的应用
在最近的开发过程中,应用了一些关于knockout的下拉项目. 关于下拉多选的开发在这里做一个记录. 下面直接上代码 添加的时候,无需给初始值 --viewmodel function ViewMod ...
- jquery--获取多选框的值、获取下拉多选框的值
获取多选框的值 var packageCodeList=new Array(); $('#server_id:checked').each(function(){ packageCodeList.pu ...
随机推荐
- Contest 20140708 testB dp 组合数
testB 输入文件: testB.in 输出文件testB.out 时限3000ms 问题描述: 定义这样一个序列(a1,b1),(a2,b2),…,(ak,bk)如果这个序列是方序列的话必须满足 ...
- 【POJ2699】The Maximum Number of Strong Kings(网络流)
Description A tournament can be represented by a complete graph in which each vertex denotes a playe ...
- 从零开始制作jffs2文件系统
JFFS2 是一个开放源码的项目(www.infradead.org). 它是在闪存上使用非常广泛的读/写文件系统,在嵌入式系统中被普遍的应用. 1. 安装mkfs工具 MTD主页:htt ...
- 在非UI线程中更改UI(Delphi使用隐藏窗口来处理,QT使用信号槽)
在Delphi里我记得是使用TThread.Synchronize(TThreadMethod),原理是利用了一个隐藏窗口来处理. 在QT Debug模式一下,碰到了同样的问题,显示错误: canno ...
- Windows Azure功能更新:SQL Server AlwaysOn和Notification Hub 正式商用
一周以前Windows Azure发布了新的更新内容,主要的更新有3项: 虚拟机上的SQL Server支持AlwaysOn可用性组了 Notification Hub商用 自动缩放支持时间策略 这里 ...
- wcf双工通讯遇到的问题
1.向ChannelFactory提供的InstanceContext包含未实现CallbackContractType的问题 通过添加服务引用生成的客户端代码, public class Callb ...
- Hosting Multiple Service Implementations On The Same Port With WCF
Hosting Multiple Service Implementations On The Same Port With WCF Recently I have been playing arou ...
- (转载)[MySQL技巧]INSERT INTO… ON DUPLICATE KEY UPDATE
(转载)http://blog.zol.com.cn/2299/article_2298921.html MySQL 自4.1版以后开始支持INSERT … ON DUPLICATE KEY UPDA ...
- javascipt取整数四舍五入
1.丢弃小数部分,保留整数部分 parseInt(5/2) 2.向上取整,有小数就整数部分加1 Math.ceil(5/2) 3,四舍五入. Math.round(5/2) 4,向下取整 Math.f ...
- SqlServer:CTE函数处理递归(WITH语法)
我们在做分类处理的时候,总会遇到递归的处理,比如说地区就是一个例子,中国--北京--西城区,我们可以把这样的信息存储在一个数据表中,用ParentID区分根节点和叶子节点.假如我们要做导航,得到了”西 ...