We would like to know how to clear options and keep a backup.
<!DOCTYPE html>
<html>
<body>
<select id="ddl">
<option>A</option>
<option>B</option>
</select>
<script type='text/javascript'>
<!-- w w w . ja va2 s . c om-->
var originalOptions = document.getElementById('ddl').cloneNode(true).options;
console.log(originalOptions[0].innerText);
var selector = document.getElementById('ddl');
selector.options.length = 0;
console.log(originalOptions[0].innerText);
</script>
</body>
</html>
The code above is rendered as follows: