25yicms利用ASP.NET(C#)+MSSQL技术全力打造功能最强大的营销型企业网站管理系统,企业做网站系统,做网站软件,提供div+css企业网站模板。
阅读内容

javascript过滤select显示数据代码


时间:2010/03/29   来源:25亿
在程序设计中我们就会遇到这样一种情况,就是形象展示用户已有的服务,如下图所示:

左边select框显示的是所有服务,而要过滤用户已有的服务,右边框显示的是用户具有有服务选项,这时我们得用程序控制左边显示的所有数据过滤右边显示的数据,代码如下:

var dt=response.value;
var drp=$("drpServiceArea");
var selectedservice=$("drpService").options;
drp.length=0;
serviceArea=null;
serviceArea=new Object();
for(var i=0;i<dt.Rows.length;i++)
{
   if(!IsInOptions(selectedservice,dt.Rows[i].id ))//过滤函数
   drp[drp.options.length]=new Option( dt.Rows[i].service, dt.Rows[i].id );
   serviceArea["id"+dt.Rows[i].id]=dt.Rows[i].service;
}

//判断是否在下拉列表中
function IsInOptions(arr,findvalue)  //过滤函数
{
    for(var i=0;i<arr.length;i++)
    {
        if(arr[i].value==findvalue) return true;
    }
    return false;
}
javascript过滤select显示数据代码讲解完毕,对于技术问题大家可以一起在技术社区(bbs.25yi.com)探讨。
作者: 网 站设计@ 企业网站管理系统
原载: 25亿企业网站管理系统
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。
点击次数:       打印此页  关闭