使用變量值來獲取存儲在其他變量中的值

Question

我想簡化一些我在過去幾天創建的書籤，並使它們更易於人們使用。我的一個小書籤在表單選擇字段中更改所選選項。我想能夠寫成：

javascript：（function（）{setSelect（'yourMom'）; ... boringStuffThatThey'llMessUp ...}）（）; function setSelect（selectThis）{moreBoringStuff}

其中「yourMom」是他們可以從網頁上選擇的選項之一。然而，在HTML中，'yourMom'具有整數值。我的想法是這樣做：

function setSelect（selectThis）{yourMom = 1; yourSister = 2; yourGirlFriend = 3; ...東西... {if（thisSelect.options [i] .value ==（？）selectThis）{... moreStuff ...}}}

這讓我需要知道我需要什麼以代替（？）selectThis，以便它指向存儲在yourMom中的值。

我希望對那裏的人有意義。

感謝您的幫助。

編輯：

的HTML看起來是這樣的：

<select name="whoDoILikeMost" tabindex="2" class="dropdown"> 
     <option value="1" selected="selected">yourMom</option> 
     <option value="2">yourSister</option> 
     <option value="3">yourGirlFriend</option> 
    </select> 

Answer 1

你可以遍歷各選項中選擇元素，並設置值，如果「name」元素與提供的值相匹配，像這樣：

function setSelect(name) { 
    var selectEl = document.getElementById("selectElementName"); 
    for (var i = 0; i < selectEl.options.length; i++) { 
     if (selectEl.options[i].name == name) { 
      selectEl.selectedIndex = i; 
      break; 
     } 
    } 
}