随笔

jquery形式追加option

$("<option></option>").val('nihaoma').text('wohenhao').appendTo("select[name='coupons_type']");

//定义一个全局变量来控制优惠��ajax请求缓存
	var data_cache = {coupons:{is_request:'0',data:''},daijinjuan:{is_request:'0',data:''}};	//定义一个对象用来缓存请求的数据
	//定义一个将缓存数据填充至select标签选项卡中的函数，result：json数据，coupons_name待追加的对象
	var json_append_option = function (result,coupons_name){
		if(result){
			coupons_name.css('display','inline');
    		$.each(result, function (i, item) {
    	　　	$("<option></option>").val(item.id).text(item.coupons_name).appendTo(coupons_name);
    	　　});
		}else{
			coupons_name.empty();
			$("<option></option>").val('').text('请选择').appendTo(coupons_name);
			coupons_name.css('display','none');
		}
	}
	
	//优惠�环绞礁�改时的方法
    $("select[name='coupons_type']").change(function(){
    	var url = "/wechat/wemember/expense?inajax=1&aid=<{$view->aid}>&id=<{$view->id}>";
    	var coupons_name = $("select[name='coupons_name']");
    	
    	//缓存控制判断
    	switch($(this).val()){
	        case "优惠��":
	        	var type = '1';
	        	if(data_cache.coupons.is_request == '1'){
	        		var is_cache = '1';
	        		var cache_data = data_cache.coupons.data;
	        	}else{
	        		var is_cache = '0';
	        	}
	            break;
	        case "代金��":
	        	var type = '2';
	        	if(data_cache.coupons.is_request == '1'){
	        		var is_cache = '1';
	        		var cache_data = data_cache.daijinjuan.data;
	        	}else{
	        		var is_cache = '0';
	        	}
	            break;
		}
    	//判断当前的请求数据是否已经缓存
    	if(is_cache == '0'){
	    	//ajaxa数据请求
	    	$.getJSON(url, { coupons_property: $(this).val() }, function (result) {
	    		//缓存当前请求的数据
	    		switch(type){
			        case "1":
			        	data_cache.coupons.is_request = '1';
			        	data_cache.coupons.data = result.data.data;
			            break;
			        case "2":
			        	data_cache.daijinjuan.is_request = '1';
			        	data_cache.daijinjuan.data = result.data.data;
			            break;
				}
	    		//将请求数据填充至select选项中
	    		json_append_option(result.data.data,coupons_name);
	    	});
    	}else{
    		//将缓存数据填充至select选项中
    		json_append_option(cache_data,coupons_name);
    	}
    });

本文出自 “NEVER GIVER UP” 博客，谢绝转载！