html中左右选择,html左右菜单左右互换学习笔记

function selectOne(){

// 1. 获取左边Select中被选中的元素

var leftSelect = document.getElementById("leftSelect");

var options = leftSelect.options;

//找到右侧的Select

var rightSelect = document.getElementById("rightSelect");

//遍历找出被选中的option

for(var i=0; i < options.length; i++){

var option1 = options[i];

if(option1.selected){

// 2. 将选中的元素添加到右边的Select中就可以

rightSelect.appendChild(option1);

}

}

}

//将左边所有的商品移动到右边

function selectAll(){

// 1. 获取左边Select中被选中的元素

var leftSelect = document.getElementById("leftSelect");

var options = leftSelect.options;

//找到右侧的Select

var rightSelect = document.getElementById("rightSelect");

//遍历找出被选中的option

for(var i=options.length - 1; i >=0; i--){

var option1 = options[i];

rightSelect.appendChild(option1);

}

}

分类名称
分类描述
分类商品	已有商品 华为 小米 锤子 oppo >> >>> 未有商品 苹果6 泰康手机 诺基亚 三星 << <<<