Simple question on javascript

**jdavison** · Sep 7th, 2000, 04:20 PM

How do I remove all the options in a select. basically I want to remove all the set options and then repopulate it. I can get it to populate.

**dadames** · Sep 8th, 2000, 02:49 PM

How are you populating it? If it's dynamic then it always starts from an empty list.

**jdavison** · Sep 8th, 2000, 07:57 PM

I am populating it through a javascript so it can reset the values in the list. I want to erase the list when a new option is selected and then repopulate it. If I don't dumb the list, it keep some of the old options if the list is shorter.

**dadames** · Sep 11th, 2000, 06:21 AM

Are the values hard-coded? If so you could set up conditions in combining your html and script e.g.

pseudo-code...

<select>
if (condition1)
<OPTION value="bob">Bob
<OPTION value="jimbob">Jim
Else
<OPTION value="jo">Jo
<OPTION value="david">David
</select>

**Mark Sreeves** · Sep 11th, 2000, 07:37 AM

if you have a look at http://www.parkers.co.uk
select used car prices and then view the code

it does exactly what you want.

It looks a though it is re-populating iover original values and then re-sizing the select box

**monte96** · Sep 12th, 2000, 10:49 AM

You need to loop through starting at the last option element. That should keep the resizing of it from causing an error.

Code:

for i = frm.lstSelect.Options.Length - 1 to 0 Step -1
    frm.lstSelect.Options.Remove i
Next

**HarryW** · Sep 12th, 2000, 11:36 AM

Except in JavaScript of course

**Mark Sreeves** · Sep 13th, 2000, 02:32 AM

Code:

<HEAD>
<script Language="javaScript">
var i;
function fillList()	
{
	i++;		
	var oOption;
	oOption = document.createElement("OPTION");	
	oOption.text="Apples";	
	oOption.value=i;
	document.frm1.select1.add(oOption);
}

function clearList()
{

document.frm1.select1.length = 1;
i=0;

}
</script>
</head>      
<BODY>
<form name="frm1">            
<SELECT id=select1 name=select1>
<option>Please select</option>    
</SELECT>              
</form>          
<input type="button" onclick="fillList()" value="Add item">  
<input type="button" onclick="clearList()" value="clear list" id=button1 name=button1>         
</BODY></HTML>

[Edited by Mark Sreeves on 09-13-2000 at 03:36 AM]

Thread: Simple question on javascript

Thread Tools

Display

Posting Permissions