一、select多選框賦值
select多選框也稱作下拉多選框，通過設置option的selected屬性來指定被選中的項。示例代碼如下：
蘋果
橘子
香蕉
梨
以上代碼中，通過設置option元素的selected屬性來指定被選中的項。表示初始值為蘋果和香蕉兩項。
二、select多選框內容移動
常常需要在兩個多選框之間進行內容的移動，將一個多選框中的內容移動到另一個多選框中。示例代碼如下：
蘋果
橘子
香蕉
梨
function moveSelection(sourceId, targetId){
var src = document.getElementById(sourceId);
var dest = document.getElementById(targetId);
for(var i=0; i<src.options.length; i++){
if(src.options[i].selected){
dest.appendChild(src.options[i]);
i--;
}
}
}
以上代碼中，使用JavaScript實現了將一個多選框中的內容移動到另一個多選框中。通過在源多選框中選中需移動的項，然後點擊→按鈕，即可將選中的項移動到目標多選框中。
三、select多選框在ie為啥出現了光標
在IE瀏覽器中，當多選框的樣式設置為display:none或者visibility:hidden時，會出現光標問題。解決方法如下：
蘋果
橘子
香蕉
梨原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/297584.html
微信掃一掃 
支付寶掃一掃 