Javascript Form How to - Clear options and keep a backup








Question

We would like to know how to clear options and keep a backup.

Answer


<!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: