為選擇選項選擇的javascript設置

Question

我正在動態生成下拉列表，例如someDropDown0，someDropDown1，someDropDown2 ... etc，並將其寫入page中的div中。 我想知道如何將“選擇的”選項值設置為拖放的onChange。

我通過按鈕添加新下拉列表時，將舊的值重置為“選擇一個”的原因。

需要一個onChange，它將選擇的值設置為“ Selected”，以便選擇的值保持在那里。

  <select id="someDropDown0" onChange=setVak(this, this.id)>
    <option value="Select One" selected>Select One</option>
    <option value="12">AB</option>
    <option value="13">CD</option>
    <option value="15">EF</option>
    <option value="20">GH </option>
    <option value="21">IJ </option>
    <option value="22">LM </option>

    </select>





function setval(optionVal, optionId)
{
        var dd = document.getElementById(optionId);
        for (var i = 0; i < dd.options.length; i++) 
        {
            if (dd.options[i].text === optionVal.text) 
            {
                dd.selectedIndex = i;
                break;
            }
        }


}

請幫忙。 謝謝

Answer 1

將適當的option元素的defaultSelected屬性設置為true應該可以解決問題：

       > if (dd.options[i].text === optionVal.text)
       > {

              dd.options[i].defaultSelected = true;

       >      dd.selectedIndex = i;
       >      break;
       >  } 

但是請確保只設置了一個選項。

還是我完全誤解了這個問題？

Answer 2

如果我理解正確，並且您要向現有的選擇框添加新選項：而不是某種“ onchange”行為（實際上是對子樹的修改），則可能需要更改附加新選擇選項的代碼。

請參閱以下示例函數以供參考：

http://jsfiddle.net/J6bFS/