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 ...
随机推荐
- 如何打造一款五星级的 APP ?
移动互联网大潮来袭!据统计,2015 年平均每天有 1000 个新的应用上架,而这些应用的现状可以说是鱼龙混杂,同是每个人的眼光.品味.意识和利益都不同,因此每人眼中的应用也是不同的.在巨大的市场竞争 ...
- ios开发UI篇—在ImageView中添加按钮以及Tag的参数说明
ios开发UI篇—在ImageView中添加按钮以及Tag的参数说明 一.tag参数 一个视图通常都只有一个父视图,多个子视图,在开发中可以通过使用子视图的tag来取出对应的子视图.方法为Viewwi ...
- buffer busy waits
Buffer busy waits 当会话想要访问缓冲区中的数据块,而该数据块正在被其他会话使用时将产生Buffer busy waits事件. 其他会话可能正从数据文件向缓冲器读取同样的数据块,或正 ...
- HDU-3854 LOOPS
http://acm.hdu.edu.cn/showproblem.php?pid=3853 LOOPS Time Limit: 15000/5000 MS (Java/Others) Memo ...
- opengl performance optimization
OpenGL 性能优化 作者: Yang Jian (jyang@cad.zju.edu.cn) 日期: 2009-05-04 本文从硬件体系结构.状态机.光照.纹理.顶点数组.LOD.Cull等方面 ...
- FZYZOJ-1144 恶魔城
P1144 -- 恶魔城 时间限制:1000MS 内存限制:131072KB 状态:Accepted 标签: 图论-最短路 二分 无 Description 上帝需要 ...
- [转载]jquery的extend和fn.extend
jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展j ...
- if form1.showmodal:=mrok then 什么意思
if form1.showmodal:=mrok then 这句话什么意思? 最佳答案 这个问题说来话长,且听我慢慢道来... 首先,你仔细看一看,所有的命令按钮(不论是Button还是BitBtn) ...
- JAVA IO 详解2
Java 流在处理上分为字符流和字节流.字符流处理的单元为 2 个字节的 Unicode 字符,分别操作字符.字符数组或字符串,而字节流处理单元为 1 个字节,操作字节和字节数组. Java 内用 U ...
- vs2012关闭IDE硬件加速设置
对于我这样的老古董电脑是很有必要的设置! 如图所示: