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 ...
随机推荐
- matlab常用小函数(二)
numel 元素个数 assert 表达式为假时输出某个字符串 int2str 整形转化为字符串型 numel(A) 返回A中的元素个数,A可以是任何的数据结构,如向量.矩阵.元胞.结构体等 asse ...
- 日期相关---SimpleDateFormat的setLenient(true/false)-----自动计算日期
有时候我们需要判断用户的日期格式是否正确, 虽然绝大多数会在前台处理,但是也有需要从文件流读入的情况,如果日期不合格就需要抛异常,这时候就需要禁止SimpleDateFormat的自动计算功能. 这时 ...
- importExcel运用注解实现EXCEL导入poi类
JAVA报表 package com.app.common.excel; import java.io.File; import java.io.FileInputStream; import jav ...
- iso学习网站记录
[零基础学习iOS开发] http://www.cnblogs.com/mjios/archive/2013/04/24/3039357.html 非零基础学习iOS开发2-Objective-C h ...
- Git error: hint: Updates were rejected because the remote contains work that you do hint: not have locally. This is usually caused b
hint: Updates were rejected because the remote contains work that you dohint: not have locally. This ...
- P1082丛林探险
P1082丛林探险 描述 东非大裂谷中有一片神秘的丛林,是全世界探险家的乐园,著名黄皮肤探险家BB一直想去试试.正好我国科学家2005年4月将首次对东非大裂谷进行科考,BB决定随科考队去神秘丛林探险. ...
- UCloud EIP 你真的懂得如何使用么? - SegmentFault
UCloud EIP 你真的懂得如何使用么? - SegmentFault UCloud EIP 你真的懂得如何使用么?
- Kong for Enterprise | Kong - Open-Source API and Microservice Management Layer
Kong for Enterprise | Kong - Open-Source API and Microservice Management Layer undefined
- mysql 引擎区分
MySQL常用的存储引擎为MyISAM.InnoDB.MEMORY.MERGE,其中InnoDB提供事务安全表,其他存储引擎都是非事务安全表. MyISAM是MySQL的默认存储引擎.MyISAM不支 ...
- Abator自动生成ibatis的相关配置和类
一.abator自动生成配置: abator自动生成ibatis的配置文件.mode.sqlMap.dao.bean实例 准备: 1.安装Eclipse插件: 要求eclipse3.1, ...