一、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/n/297584.html
微信扫一扫 
支付宝扫一扫 