使用 javascript 使用 Javascript 將所選項目移動到列表框頂部

Question

我有使用 apex 綁定列表框。 下面是我的代碼

 <select id="{!$Component.multiselectPanel}:rightList" 
          class="multilist" multiple="multiple" size="{!size}" 
          style="width: {!width};">
      <apex:repeat value="{!rightOptions}" var="option">
          <option value="{!option.value}">{!option.label}</option>
      </apex:repeat>
  </select>

當我單擊頂部按鈕時，所選項目移到頂部。 例如，在下面的圖像中，當我單擊頂部按鈕時，“位置”文本首先出現，然后是“演示站點”，其他值顯示在列表框中。

在這里，我也放上我的 JavaScript 代碼供參考：

 function(idList, idHidden) { listBox = document.getElementById(idList); var len = listBox.options.length; if (len > 0 && listBox.options[0].selected == true) { return; } else { listBox.insertBefore(listBox.options[0], listBox.options[listBox.selectedIndex]); } }

我們怎樣才能做到這一點？

Answer 1

試試這個，希望對你有幫助

listBox.insertBefore(listBox.options[listBox.selectedIndex], listBox.childNodes[0]);