Welcome to the p2p.wrox.com Forums.
Just for a bit of fun on a boring quiet work friday afternoon I worked out a really long line of code to do the three line option above. Only this time I'm passing in the selectedIndex, so you delete whatever is selected. Probably not useful whatsoever, but i love shrinking lines of code wherever I can. Good learning excersize too! Can anyone find a shorter way? Just for fun:
var remElem =document.forms['form1'].elements['stadium'].removeChild(document.forms['form1'].elements['stadium'].options[document.forms['form1'].elements['stadium'].selectedIndex])
Joe's way is probably way more easy to use, but its fun to play with things like this I find! Obviously you need a form called form1 and a select called stadium.
FUNCTION NAME: deleteOption
Delete all the current options from the required drop down menu