JavaScript Select和Option列表元素上下左右移动

现在的位置: 首页 > 综合 > 正文

JavaScript Select和Option列表元素上下左右移动

2013年04月28日 ⁄ 综合 ⁄ 共 1183字 ⁄ 字号小中大 ⁄ 评论关闭

作者马嘉楠

reSelect(document.getElementById("rightSel")); 
}else{ 
document.getElementById("btnLeft").disabled = false; 
document.getElementById("btnRight").disabled = true;

reSelect(document.getElementById("leftSel")); 
} 
}

function reSelect(obj){ 
for(var i=0; i<obj.length; i++){ 
if(obj[i].selected) obj[i].selected = false; 
} 
} 
</script><br />
<form id="form1">
<table width="40%" align="center">
<tr>
<td>
<input type="button" value=" Up " id="btnUp" onclick="move(true);" style="width:65"><input type="button" value=" Down " id="btnDowm" onclick="move(false);" style="width:65"></td>
<td>
<select multiple id="leftSel" onclick="setButton(this)" style="height:200px;width:100px;">
<option value="1">Java</option>
<option value="2">JavaScript</option>
<option value="3">C++</option>
<option value="4">HTML</option>
</select>
</td>
<td>
<input type="button" value=" >> " id="btnRight" onclick="move(document.getElementById('leftSel'),document.getElementById('rightSel'));" style="width:65"><input type="button" value=" << " id="btnLeft" onclick="move(document.getElementById('rightSel'),document.getElementById('leftSel'));" style="width:65"></td>
<td>
<select multiple id="rightSel" onclick="setButton(this)" style="height:200px;width:100px;">
<option value="5">CSS</option>
<option value="6">.Net</option>
</select>
</td>
</tr>
</table>
</form>
<p>

【上篇】DataTable到实体类的转换
【下篇】SQL查询语句精华使用简要

作者: thrifty

该日志由 thrifty 于11年前发表在综合分类下，最后更新于 2013年04月28日.
转载请注明: JavaScript Select和Option列表元素上下左右移动 | 学步园 +复制链接

抱歉!评论已关闭.

学步园

JavaScript Select和Option列表元素上下左右移动

作者: thrifty

书签

最新文章New

本站推荐

返回首页