jquery 添加和移除节点 jquery 的简单实例应用

news/2024/7/11 1:20:38 标签: jQuery, J#, PHP
ExpandedBlockStart.gif 代码
<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />--> var  allSchool  =   new  Array();
var  clickCity  =   "" ;
var  citys  =  [
    {city:
" 北京市 " ,
    libs:[
    {name:
" 北京工业201大学馆藏书目 " ,vals: " 201 " },
    {name:
" 北京工业202大学馆藏书目 " ,vals: " 202 " }
    ]
    },
    {city:
" 天津市 " ,
    libs:[
    {name:
" 天津工业203大学馆藏书目 " ,vals: " 203 " },
    {name:
" 天津工业204大学馆藏书目 " ,vals: " 204 " }
    ]
    }
];

$(document).ready(
function (){
$(
" #BtKeySearch " ).bind( " click " , function  (){
var  keywords  = $( " #idKeyword " ).val();
var  searchtype  = getSelect( " column " );
var  searchmodel   =  getSelect( " condition " );
// var schooltype=getSelect("libs");
var  schooltype = getSelect( " selectedLibs " );
$.cookie(
' the_libs ' , schooltype, { expires:  7  }); 
alert(
" do.php? " + " keywords= " + keywords + " &sourcetype= " + searchtype + " &searchtype= " + searchmodel + " &searchmodel=1&sort=1&schooltype= " + schooltype + " &page=1 " );


})
$(
" #advanceSearch " ).bind( " click " , function (){
var  idSpanSearch  =  document.getElementById( " idSpanSearch " );
idSpanSearch.style.display
= " block " ;
})
  
 })
 
function  getSelect(names)
{
    
var  vals  =   "" ;
    
var  eles  =  document.getElementsByName(names);
    
for ( var  i = 0 ;i < eles.length;i ++ )
    {
    
if (eles[i].checked)
    vals
+= eles[i].value + " , " ;
    }
    vals 
=  vals.length > 0 ? (vals.substring( 0 ,vals.length - 1 )):( "" );
return  vals;
}
// 改变库
function  changeVal(temp)
{
clickCity
= temp;
  
var  library  =   "" ;
 
for ( var  i = 0 ;i < citys.length;i ++ )
 {
 
// 判断城市
  if (citys[i].city == temp)
 {
   
// 寻找书库
   for ( var  j = 0 ;j < citys[i].libs.length;j ++ )
  {
    
var  state  = false ;
     
for ( var  k = 0 ;k < allSchool.length;k ++ )
     {
         
if (allSchool[k] == citys[i].libs[j].vals)
         {
         state
= true ;
         
break ;
         }
     }
     
if ( ! state)
  library 
+= " <li><input type='checkbox' name='libs' οnclick='if(this.checked)appendHtml(\ "" +citys[i].libs[j].name+ " \ " ,\ "" +citys[i].libs[j].vals+ " \ " ,0);$(this).parent().remove();' value=' " + citys[i].libs[j].vals + " '/> " + citys[i].libs[j].name + " </li> " ;
  }
  
break ;
 
//  查找到跳出
 }
 }
 $(
" #libs " ).html(library);
}
// 追加文本
function  appendHtml(text,values,type)
{

    
for ( var  i = 0 ;i < allSchool.length;i ++ )
    {
    
if (values == allSchool[i])
    
return ;
    }
    
if (type == " 0 " )
  $(
" #idSelectedSchool " ).append( " <li title=\ "" +text+ " \ " ><input type=\ " checkbox\ "  οnclick=\ " removeArray( ' "+values+" ' , 0 );$( this ).parent().remove();\ "   name=\ " selectedLibs\ "   checked=\ " checked\ "  value=\ "" +values+ " \ " /> " + text + " </li> " )
  
else
  $(
" #idSelectedSchool " ).append( " <li title=\ "" +text+ " \ " ><input type=\ " checkbox\ "  οnclick=\ " removeArrayDian( ' "+text+" ' , ' "+values+" ' );$( this ).parent().remove();\ "   name=\ " selectedLibs\ "   checked=\ " checked\ "  value=\ "" +values+ " \ " /> " + text + " </li> " )
  allSchool.push(values);
}
// 改变样式
function  changeClass(classid)
{
 
for ( var  i = 0 ;i < 22 ;i ++ )
 {
   $(
" #city00 " + i.toString()).attr( " class " , "   " );
 }
  $(
" # " + classid).attr( " class " , " selected " );
}    
// 移除记录的值
function  removeArray(val,type)
{
var  tempArr  =   new  Array();
for ( var  i = 0 ;i < allSchool.length;i ++ )
{
 
if (allSchool[i] != val)
 {
 tempArr.push(allSchool[i]);
 }
}
allSchool
= tempArr;
// 如果是一个城市 添加下面的项

if (type == " 0 " )
{
     
for ( var  i = 0 ;i < citys.length;i ++ )
     {
     
// 判断城市
          if (citys[i].city == clickCity)
         {
           
// 寻找书库
               for ( var  j = 0 ;j < citys[i].libs.length;j ++ )
              {
                  
if (val == citys[i].libs[j].vals)
                  {
                   $(
" #libs " ).append( " <li><input type='checkbox' name='libs' οnclick='if(this.checked)appendHtml(\ "" +citys[i].libs[j].name+ " \ " ,\ "" +citys[i].libs[j].vals+ " \ " ,0);$(this).parent().remove();' value=' " + citys[i].libs[j].vals + " '/> " + citys[i].libs[j].name + " </li> " );
                  
break ;
                  }
              }
              
break ;
              
//  查找到跳出
         }
     }
 }
 
else
 {
 
var  tempArr  =   new  Array();
for ( var  i = 0 ;i < allSchool.length;i ++ )
{
 
if (allSchool[i] != val)
 {
 tempArr.push(allSchool[i]);
 }
}
allSchool
= tempArr;
   $(
" #idDianziQiKuan " ).append( " <li><input type='checkbox' name='libs' οnclick='if(this.checked)appendHtml(\ "" +citys[i].libs[j].name+ " \ " ,\ "" +citys[i].libs[j].vals+ " \ " ,1);$(this).parent().remove();' value=' " + citys[i].libs[j].vals + " '/> " + citys[i].libs[j].name + " </li> " );
 }
 

}
function  removeArrayDian(text,value)
{
  $(
" #idDianziQiKuan " ).append( " <li><input type='checkbox' name='libs' οnclick='if(this.checked)appendHtml(\ "" +text+ " \ " ,\ "" +value+ " \ " ,1);$(this).parent().remove();' value=' " + value + " '/> " + text + " </li> " );
}
function  displayDiv(obj)
{
document.getElementById(obj).style.display
= document.getElementById(obj).style.display == " block " ? ( " none " ):( " block " );
}

 

<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />-->

 


http://www.niftyadmin.cn/n/1127681.html

相关文章

(转)数据可视化之美:经典案例与实践解析

随着 DT 时代的到来&#xff0c;传统的统计图表很难对复杂数据进行直观地展示。这几年数据可视化作为一个新研究领域也变得越来越火。成功的可视化&#xff0c;如果做得漂亮&#xff0c;虽表面简单却富含深意&#xff0c;可以让观测者一眼就能洞察事实并产生新的理解。可视化&a…

NSS Labs报告显示Edge浏览器更安全

当前网络攻击日益猖獗&#xff0c;那么对于普通网民来说&#xff0c;在访问互联网时&#xff0c;究竟使用哪款浏览器会比较安全呢&#xff1f;近日&#xff0c;国际独立安全研究和评测机构NSS labs公布了最新的网页浏览器安全测试报告&#xff0c;分别对Chrome、Firefox、Edge浏…

ajax原生库

<------------------------ajax.js----------------------------> var $ {}; $.xho function () { //创建xmlhttprequest对象 var http_request null; if (window.XMLHttpRequest) { //Mozilla 浏览器 http_request new XMLHttpRequest(); i…

mysql更新表中日期字段时间

DATE_ADD和DATE_SUB函数可以用INTERVAL关键字标识的时间间隔进行加减操作&#xff0c;类似于PHP中的strtotime函数 1.更新表中有效期valid_time字段值都增加一天 UPDATE cqh_activity SET valid_timeDATE_ADD(valid_time,INTERVAL 1 DAY); 2.更新表中有效期valid_time字段值…

倾角传感器原理及市场现状浅析

今年七月&#xff0c;上海大悦城摩天轮在运营中&#xff0c;20号吊舱发生倾斜和摇摆现象&#xff0c;经查&#xff0c;故障原因为20号吊舱倾角传感器发生故障&#xff0c;致使吊舱朝一个方向倾斜&#xff0c;倾斜角度约10度&#xff0c;触发吊舱安全保护功能&#xff0c;吊舱伺…

Oracle 闪回表实验

工&#xff1a;闪回表实验 1.结构测试表flb_test&#xff0c;数据不小于10000行&#xff1b; TEST_USER1PROD>create table flb_test(id number,dd date); Table created. TEST_USER1PROD>begin 2 for i in 1..10000 3 loop 4 insert into flb_test values (i,…

maven打包之resource配置

一、简介 构建Maven项目的时候&#xff0c;如果没有进行特殊的配置&#xff0c;Maven会按照标准的目录结构查找和处理各种类型文件。 src/main/java和src/test/java 这两个目录中的所有*.java文件会分别在comile和test-comiple阶段被编译&#xff0c;编译结果分别放到了targe…

使用jQuery email check插件开发带有email域名拼写错误校验功能的超酷动态留言版系统...

日期&#xff1a;2012-4-26 来源&#xff1a;GBin1.com 在线演示 本地下载 很多的网站或者web应用都需要你填写电子邮件地址&#xff0c;而这个过程中&#xff0c;用户往往会拼写错误的电子邮件域名&#xff0c;今天我们将给大家介绍一款很不错的域名拼写校验插件&#xff0c…