如何獲取當前選項值到數組中？

Question

假設我有一個列表：

<select> 
    <option value="Horse">Horse</option> 
    <option value="Bird">Bird</option> 
    <option value="Dogs">Dogs</option> 
    <option value="Cats">Cats</option> 
</select> 

我知道如何通過循環通過抓住每一個選項的值。我的問題是我的代碼將默認值更改爲某些條件滿足，但如果條件不滿足我需要恢復到默認值。我需要將默認值放入一個數組中，以便在條件不滿足的情況下使用它們恢復。我需要純粹的JavaScript沒有框架。

因此，例如，如果我改變<option value="Horse">Horse</option>到<option value="Train">Train</option>我需要能夠存儲<option value="Horse">Horse</option>以前被改變以同樣的方式，你可以得到的默認值，如果需要輸入字段恢復到它。

Answer 1

我想出的解決辦法，是讓在頁面加載的值，並確保你的腳本的結束標記之前。

Answer 2

使用下面的代碼：

var options = document.querySelectorAll("option"); 
 
var optionsArray = Array.prototype.map.call(options, function(x) { 
 
    return x.value; 
 
});

<select> 
 
    <option value="Horse">Horse</option> 
 
    <option value="Bird">Bird</option> 
 
    <option value="Dogs">Dogs</option> 
 
    <option value="Cats">Cats</option> 
 
</select>