Irritating when the thing looks so pretty out of the box. So rather than opt for one of the non-pretty options I just hacked it. Brutally I just added code to maintain an input as a csv, it needs fixing really but this does work, for now.

Click here to download my hack/fixed version which maintains a separate csv (in a designated ID – search replace “csvHolder” if you want to change its ID.)

Hopefully Drew can update his plugin so it works out of the box, its a really useful plugin.

Note: This rar includes my csv quick maintaining functions which are required.

The post Fix/Hack to make AutoSuggest JQuery Plugin work first appeared on Woody Hayday | Blog.

Using the below you can add/remove items to an input which acts as a csv holder, should be self explanatory, get and set are just shorteners.

function get(a){ //small get
	if (typeof a != "undefined") {
		return document.getElementById(a).value;
	} else { 
		return '';
	}
}

function set(i,v){ //small set
	document.getElementById(i).value = v;	
}

function append(i,v){ //small append
	set(i,get(i) + v);		
}

function appendTocsv(i,v){ //small append csv
	if (get(i).length == 0){
		set(i,v);	
	} else { 
		append(i,', ' + v);
	}
}

function incsv(id,v){ //check a csv (in element with id) for a value (v)
	
	var csv = get(id);
	var csvArray = csv.split(', ');
	var found = false;
	
	if (csvArray.length > 0){
		
		for (i = 0; i <= csvArray.length; i++){
		
			if (csvArray[i] == v){ found = true;  }
			
		}
		
	}
	
	return found;
		
}

function removeFromcsv(id,v){ //removes a val from csv
	
	var csv = get(id);
	var csvArray = csv.split(', ');
	var removed = false;
	var endString = "";
	
	if (csvArray.length > 0){
		
		for (i = 0; i <= csvArray.length-1; i++){
		
				
			if (csvArray[i] == v){ removed = true;  } else { 
			
				if (endString.length > 0){ endString += ', '; } 
				endString += csvArray[i]; 
			
			}
			
		}
		
	}
	
	set(id,endString);
	
	return removed;
	
}

The post Maintain a CSV with Javascript – keep a hidden list first appeared on Woody Hayday | Blog.