Add Option to Listbox

**chavad** · 01-10-2010 02:37 PM

I have a text box in which the user enters text, clicks a button, and the text then appears in a listbox directly below.

Here is my function:

function addIt() {
var txt = window.document.recipe_form.new_category_text.value;
addOption = new Option(txt,txt); window.document.recipe_form.category_dropdown.options[numItems++] = addOption;
return true;
}

Here is my code:

<form name="recipe_form">
<input type="text" name="new_category_text">
<input type="button" name="add_category" value="Add Category" onclick="addIt();">
<td style="border:none">
<select name="category_dropdown" style="width:200px;height:75px;" multiple size="2">
<option selected="selected">Bread</option>
<option>Dessert</option>
<option>Meat</option>
<option>Pasta</option>
<option>Potatoes</option>
<option>Salad</option>
</select>
</td>
</form>

I don't know what I'm doing wrong; any help would be greatly appreciated!!!

**justinbarneskin** · 01-10-2010 03:14 PM

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD><TITLE>Su1-0pm22</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<STYLE type=text/CSS>

</STYLE>
<SCRIPT type="text/javascript">
var opts=['Bread','Dessert'];
function addIt(x) {
	var so='';
	if(x){opts.push(x)}
	for(i=0;i<opts.length;i++){so+='<option>'+opts[i]+'</option>'}
		if(x){document.getElementById('category_dropdown').innerHTML=so}
		else{return so;}
}
</SCRIPT>
<META content="MSHTML 6.00.2900.2963" name=GENERATOR></HEAD>
<BODY scroll="auto">
<form name="recipe_form">
	<input type="text" name="new_category_text">
	<input type="button" name="add_category" value="Add Category" onclick="addIt(document.forms['recipe_form'].elements[0].value);">

<td style="border:none">
	<select id="category_dropdown" name="category_dropdown" style="width:200px;height:75px;" multiple size="2">

<SCRIPT type="text/javascript">
document.write(addIt())
</SCRIPT>
	</select>
</td>
</form>
		Bread
		Dessert
		Meat
		Pasta
		Potatoes
		Salad
</BODY></HTML>

**chavad** · 01-10-2010 04:28 PM

thanks so much for your reply! i have no clue what you did

; I have code associated with clicking on a category option, so I don't want to change the code associated with the category listbox - is there any way to add an option using some of the code I sent you?

thanks so much!

**justinbarneskin** · 01-10-2010 04:55 PM

The other method is appendChild(node)

But you'll have to upload your code if you want help with that.

**chavad** · 01-10-2010 07:01 PM

thanks so much - i dont think ill do that for now, but i will def. keep it in mind because i have to figure it out!

Thread: Add Option to Listbox

Thread Tools

Display

Add Option to Listbox

one way to try...

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions