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 ...
随机推荐
- tyvj P1135 - 植物大战僵尸 最大权闭合图
P1135 - 植物大战僵尸 From ytt Normal (OI)总时限:10s 内存限制:128MB 代码长度限制:64KB 背景 Background 虽然这么多天了,,虽然 ...
- codeforces C. DZY Loves Sequences
http://codeforces.com/contest/447/problem/C 题意:给你n个数的序列,然后让你改变其中的一个数,求得最长上升连续序列的长度值. 思路:先从左边开始求出连续递增 ...
- c#回调函数写法
添加一个cs文件,在里面定义回调 using System; using System.Collections.Generic; using System.Linq; using System.Web ...
- 修改EditText的光标位置
Android 的 EditText 控件默认获取焦点的时候, 插入光标是在第一个位置的,如果EditText中设置了文本, 这个时候光标是在文本的最前面, 而不是文本的最后. 为了方便用户使用, 需 ...
- TCP/IP TELNET & SSH
快速导航 远程登录示例 关于远程登录? 嵌入? 用来控制远程服务器上运行的应用程序字符? 转义? 操作方式? 关于SSH? 远程登录示例 关于远程登录? 网络虚拟终端(Network Virtual ...
- [BZOJ2173]整数的lqp拆分
[题目描述] lqp在为出题而烦恼,他完全没有头绪,好烦啊… 他首先想到了整数拆分.整数拆分是个很有趣的问题.给你一个正整数N,对于N的一个整数拆分就是满足任意m>0,a1 ,a2 ,a3…am ...
- nginx -- 安装配置Nginx
安装说明 系统环境:CentOS-6.3 软件:nginx-1.2.6.tar.gz 安装方式:源码编译安装 安装位置:/usr/local/nginx 下载地址:http://nginx.org ...
- iOS中懒加载
1.懒加载基本 懒加载——也称为延迟加载,即在需要的时候才加载(效率低,占用内存小).所谓懒加载,写的是其get方法. 注意:如果是懒加载的话则一定要注意先判断是否已经有了,如果没有那么再去进行实例化 ...
- expect远程登陆hw交换机--测试通过1
#!/bin/bash #connect_the_hw_switch #by osx1260@.com swip=172.16.56.2 swport= swpasswd='yourswpasswd' ...
- leetcode72. Edit Distance
Given two words word1 and word2, find the minimum number of steps required to convert word1 to word2 ...