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 ...
随机推荐
- c语言exit和return区别,在fork和vfork中使用
转自c语言exit和return区别,在fork和vfork中使用 exit函数在头文件stdlib.h中. 简述: exit(0):正常运行程序并退出程序: exit(1):非正常运行导致退出程序: ...
- RH的NFS配置--简单OK
参照文档: http://wenku.baidu.com/link?url=SAcDvj8WtBd8dunC7P6FTFADYYVzzxhOiNJqbgr-aGTZovM0lHg-wbYgv9I3Lu ...
- Jsp中获得集合List或Set的长度
首先要引入<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> ...
- 通过使用CyclicBarrier来计算Matrix中最大的值
import java.util.Random; import java.util.concurrent.CyclicBarrier; import java.util.concurrent.Exec ...
- 15个你不知道的杀手级Google Chrome功能
之前写过一篇我为什么使用Google Chrome浏览器,算是在使用了一段时间的Google Chrome后的一点粗浅认识,最近读到一篇文章15 Killer Google Chrome Featur ...
- bzoj1853 bzoj2393
两题是类似的,这里说一下bzoj1853 首先我们求出所有的幸运号码,注意如果存在x是y的倍数则x不算在内,避免之后重复计算 下面我们就要统计幸运号码的倍数了,这显然是要用到容斥原理的 但是幸运号码很 ...
- Node.js权威指南 (3) - Node.js基础知识
3.1 Node.js中的控制台 / 19 3.1.1 console.log方法 / 19 3.1.2 console.error方法 / 20 3.1.3 console.dir方法 / 21 3 ...
- -_-#【响应式】matchMedia
谈谈响应式Javascript <!DOCTYPE html> <html> <head> <meta charset="utf-8"&g ...
- 杂项(最小表示法):HZOI 2015 Glass Beads
[题目描述] 给定长度为n(n<=300000)的循环同构的字符串,定义最小表示为该字符串的字典序最小的同构表示,请输出这个表示. [输入格式] 第一行是串的长度,第二行是字符串. [输出格式] ...
- Tree2cycle
Problem Description A tree with N nodes and N-1 edges is given. To connect or disconnect one edge, w ...