FAQTs - Knowledge Base - View Entry - How can I delete all OPTIONs from a SELECT list?

faqts : Computers : Programming : Languages : JavaScript : Forms : SELECT

+ Search

Entry

How can I delete all OPTIONs from a SELECT list?

Mar 7th, 2000 07:33
Martin Honnen,

Simply set
  document.formName.options.length = 0

<HTML>
<HEAD>
<SCRIPT>
function deleteAllOptions (select) {
  select.options.length = 0;
}
</SCRIPT>
</HEAD>
<BODY>
<A HREF="javascript: deleteAllOptions(document.formName.select1); void 
0">
delete select1's options
</A>
|
<A HREF="javascript: deleteAllOptions(document.formName.select2); void 
0">
delete select2's options
</A>

<FORM NAME="formName">
<SELECT NAME="select1">
<OPTION>Kibo
<OPTION>Kibology
</SELECT>
<BR>
<SELECT NAME="select2" MULTIPLE>
<OPTION>Kibo
<OPTION>Kibology
<OPTION>Kibology for all
</SELECT>
</FORM>
</BODY>
</HTML>