<div class="codetitle"> <span><a style="CURSOR: pointer" data="94718" class="copybut" id="copybut94718" onclick="doCopy('code94718')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code94718"> <br><meta http-equiv="content-type" content="text/html; charset=UTF-8"> <br><br><script type="text/javascript" src="jquery-1.9.1.min.js"></script> <br><br><script type="text/javascript"> <BR>/** <BR>* 向上移动选中的option <BR>*/ <BR>function upSelectedOption(){ <BR>if(null == $('#where').val()){ <BR>alert('请选择一项'); <BR>return false; <BR>} <BR>//选中的索引,从0开始 <BR>var optionIndex = $('#where').get(0).selectedIndex; <BR>//如果选中的不在最上面,表示可以移动 <BR>if(optionIndex > 0){ <BR>$('#where option:selected').insertBefore($('#where option:selected').prev('option')); <BR>} <BR>} <br><br>/** <BR>* 向下移动选中的option <BR>*/ <BR>function downSelectedOption(){ <BR>if(null == $('#where').val()){ <BR>alert('请选择一项'); <BR>return false; <BR>} <BR>//索引的长度,从1开始 <BR>var optionLength = $('#where')[0].options.length; <BR>//选中的索引,从0开始 <BR>var optionIndex = $('#where').get(0).selectedIndex; <BR>//如果选择的不在最下面,表示可以向下 <BR>if(optionIndex < (optionLength-1)){ <BR>$('#where option:selected').insertAfter($('#where option:selected').next('option')); <BR>} <BR>} <br><br>/** <BR>* 移除选中的option <BR>*/ <BR>function removeSelectedOption(){ <BR>if(null == $('#where').val()){ <BR>alert('请选择一项'); <BR>return false; <BR>} <BR>$('#where option:selected').remove(); <BR>} <br><br>/** <BR>* 获取所有的option值 <BR>*/ <BR>function getSelectedOption(){ <BR>//获取Select选择的Text <BR>var checkText = $('#where').find('option:selected').text(); <BR>//获取Select选择的Value <BR>var checkValue = $('#where').val(); <BR>alert('当前被选中的text=' + checkText + ', value=' + checkValue); <BR>var ids = ''; <BR>var options = $('#where')[0].options; <BR>for(var i=0; i<options.length; i++){ <BR>ids = ids + '`' + options[i].id; <BR>} <BR>alert('当前被选中的编号顺序为' + ids); <BR>} <br><br>/** <BR>* 添加option <BR>*/ <BR>function addSelectedOption(){ <BR>//添加在第一个位置 <BR>$('#where').prepend('<option value="hbin" id="where06">Haerbin'); <BR>//添加在最后一个位置 <BR>$('#where').append('<option value="hlj" id="where07">HeiLongJiang'); <BR>$('#where').attr('size', 7); <BR>} <BR></script> <br><br><div id="updown"> <br><select id="where" name="where" size="5"> <br><option value="hk" id="where01">Hong Kong</option> <br><option value="tw" id="where02">Taiwan</option> <br><option value="cn" id="where03">China</option> <br><option value="us" id="where04">United States</option> <br><option value="ca" id="where05">Canada</option> <br></select> <br> </div> <br><br> <br><input type="button" value="上移" onclick="upSelectedOption()"> <br><input type="button" value="下移" onclick="downSelectedOption()"> <br><input type="button" value="删除" onclick="removeSelectedOption()"> <br><input type="button" value="确定" onclick="getSelectedOption()"> <br><input type="button" value="添加" onclick="addSelectedOption()"> <br> </div>
