How do I delete all <select>'s element?

I'm trying to delete all element of <select></select>.
All element will be dynamically generated with document.createElement('option'); triggered by my php script.

It actually deletes the element(s), but not everything and not same reuslt everytime.
I just need delete all elements.
Please someone advise.
Thank you.
var delSel = document.getElementById('tlist');
  if (delSel.length > 0)
  {
	for (var i=0; i <= delSel.length; i++)
	{
		delSel.remove(delSel[i]);
	}
  }

Open in new window

eb110kAsked:
Who is Participating?
 
Pratima PharandeConnect With a Mentor Commented:
var sourceListBox = document.getElementById('tlist');
var List = sourceListBox.options.length;
 selectedIndex=null;      
 
      if (sourceListBox != null)
      {
        for (var i=List-1; i >=0; i--)
        {
         
               sourceListBox.remove(sourceListBox.options[i].Index);
           
        }
    }
}
0
 
eb110kAuthor Commented:
Thank you.
It worked perfectly.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.