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.
Printable View
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.
How are you populating it? If it's dynamic then it always starts from an empty list.
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.
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>
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
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
Except in JavaScript of course :)
[Edited by Mark Sreeves on 09-13-2000 at 03:36 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>