jquery select 删除 增加节点
$(document).ready(function() { var sleft = $(‘#sleft‘); var sright = $(‘#sright‘); var bleft = $(‘#bleft‘); var bright = $(‘#bright‘); bleft.bind(‘click‘, function() { if (sleft.find("option:selected").text() != "") { if ($(‘#sleft option‘).size() <= 0) { $(‘#sleft‘).attr("disabled", true); } else { if ($(‘#sleft option:selected‘).length >1) { $(‘#sleft option:selected‘).each(function(i, data) { sright.append(data); }); } else{ var a = sleft.find("option:selected").text(); var b = sleft.find("option:selected").val(); sleft.find("option:selected").remove(); sright.append("<option value="+b+">" + a + "</option>"); } } } }); bright.bind(‘click‘, function() { if (sright.find("option:selected").text() != "") { if ($(‘#sright option‘).size() <= 0) { $(‘#sright‘).attr("disabled", true); } else { if ((‘#sright option:selected‘).length >1) { $(‘#sright option:selected‘).each(function(i, data) { sleft.append(data); }); } else{ var c = sright.find("option:selected").text(); var d = sright.find("option:selected").val(); sright.find("option:selected").remove(); sleft.append("<option value="+c+">" + d + "</option>"); } } } }); });
<div> <div style="float: left;"> <select multiple="multiple" style="width:70px;" id="sleft"> <option value="1">1</option> <option value="2">2</option> </select> </div> <div style="float: left"> <div> <input id="bleft" type="button" style="float: left" value=">>" /> </div> <div> <input id="bright" type="button" style="float: left" value="<<" /> </div> </div> <div style="float: left"> <select multiple="multiple" id="sright" style="width:70px;"> <option value="3">3</option> <option value="4">4</option> </select> </div> </div>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。