web前端左右选择框移动，及查询

当输入框输入信息进行查询时，若选择框中有则置顶且变亮，具体代码如下：

	

	    
	    查询左边
		
		
		查询右边
   
	

  		

		

			
				aa
				bb
				cc
				dd
				ee
				ff
				gg
			
		
		

			

			

			

			
        
		

			
			
 		
    
	
	

如果需要得到后台传的数组集合来显示时，可加上ajax来实现，类似代码如下：

//显示编辑模态窗
function showEdit() {
	
	//清空缓存
    $("#select1").empty();
    $("#select2").empty();
	
    var id = $.trim($("#assemblyId").val());
   //通过ajax从后台拿到数据 

    $.ajax({
        type: 'get',
        url: '/payAssembly/get/' + id,
        contentType: 'application/json',
        success: function (result) {//右边的option数据
                if(result！=null && result.length>0){  
                    //渲染右边选择框
                    var length =result.length;
		    for(var i=0;i	var i = this.length;  
		    	while (i--) {  
			    if (this[i].id == obj.id) {  
				return true;  
			    }  
		   	}  
			return false;  
		} 
		//渲染左边支付方式
		$.ajax({
			type: 'POST',
			url: '/payAssembly/getAllModes',
			contentType: 'application/json',
			success: function (data) {//得到左边的option数据，应先去除右边有的
				var length = data.length;
				for(var i=0;i	if(!payModes.mycontains(data[i])){
						var option=document.createElement("option");
						$("#select1").append(option);
						option.value=data[i].id;  //每个option的位置
						option.text=data[i].payCode+":"+data[i].payName;//每个Option的值 
					}
				}
			}
		});
                    
               }
            }
        }
    });
}