javascript selectlist remove all options

Question

I have a <select> list which has been populated with several options, but want to remove those options to start again.

I am using Jquery, and have tried:

$("#selectId").length = 0;

but this seems to have no effect.

Part of my problem is that I am using firebug to debug, but the code does not break at the breakpoint, so I cannot see what is going on. Should it break when the Javascript is within the of my Html file?

Answer 1

this would do:

$('#selectId').html('');

Answer 2

If without jquery:

javascript SELECT remove()

Answer 3

Just $("#selectId option").remove(); works too.

Answer 4

$("#selectId").options.length = 0;

That won't actually work as written because it's using a jQuery selector. It'd work if you used a straight DOM getElementById on the select list, though. Either AKX's or d.'s responses will set you right.