editable dropdown

**Piz Bruin** · Apr 4th, 2001, 07:02 AM

I have a dropdownlist on a form that contains data from a stored cookie. This is so the user has a dropdown filled with data specific to them.

What I want to do is let the user type in another value other than listed in the dropdown. Is there a way for the user to type in a value at the top of the list displayed in the dropdown?

I think I have seen this done but am not sure how to do it.

Thanks!
~Piz

**Danial** · Apr 4th, 2001, 05:43 PM

Hi Piz,
Here is what i came up with.

Hope this helps

Code:

<html>
<head>

<script>
function additem(itemname)
{
	if (itemname=="" )
	{
	alert ("Please enter any text");
	return false;
	}
	
	var n;
	n=document.frm1.cmb1.options.length;

	var myArr = new Array (n);

	for (i=0;i<n;i++)
	{
	myArr[i]=document.frm1.cmb1.options[i].text;
	}
	document.frm1.cmb1.options[0]=new Option(itemname);
	
	for (j=0;j<myArr.length;j++)
	{
	document.frm1.cmb1.options[j+1]= new Option(myArr[j]);
	}

	document.frm1.cmb1.selectedIndex=0;


}
</script>
<title>Dan's AddItem</title></head>

<BODY bgcolor="#FFFFFF" >
<form name=frm1>
  
  <select name=cmb1 >
    <option value="Item1">Item1</option>
    <option value="Item2">Item2</option>
  </select>
  
  <input name=txt1 >
  <input type="button" name="Button" value="Add Item" onclick="javascript:additem(document.frm1.txt1.value)">
</form>
</body>


</html>

**Piz Bruin** · Apr 5th, 2001, 05:35 AM

Thanks! I will give this a shot......

~Piz

Thread: editable dropdown

Thread Tools

Display

thanks

Posting Permissions