<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>* 선택한 옵션을 위로 이동 <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 옵션:선택됨' ).insertBefore($('#where 옵션:선택됨').prev('option')) <br>} <br>} <br><br>/**<br>* 선택한 옵션을 아래로 이동 <br>*/ <br>function downSelectedOption (){ <br>if(null == $('#where').val()){ <br>alert('하나를 선택하세요') <br>return false; <br>} <br> //1부터 시작하는 인덱스 길이<br>var optionLength = $('#where')[0].options.length;//선택한 인덱스, 1부터 시작 0<br>var optionIndex = $( '#where').get(0).selectedIndex <br>//선택한 항목이 맨 아래에 없으면 아래로 내려갈 수 있다는 뜻입니다<br>if(optionIndex < ; (옵션 길이-1)){ <BR>$(' #where 옵션:선택됨').insertAfter($('#where 옵션:선택됨').next('option')) <BR>} <BR> } <BR><br>/**<br>* 선택한 옵션 제거 <BR>* / <BR>function RemoveSelectedOption(){ <BR>if(null == $('#where').val()){ <BR>alert(' 하나를 선택하세요.'); <BR>return false; <BR>} <BR>$('#where option:selected').remove() <BR><BR>/**<br>* 모든 옵션 값 가져오기 <br> */ <BR>function getSelectedOption(){ <BR> //Select로 선택한 텍스트 가져오기 <BR>var checkText = $('#where').find('option:selected').text() <BR>//Select <BR>var checkValue = $('#where').val() <BR>alert('현재 선택된 text=' checkText ', value=' checkValue); 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('현재 선택한 숫자 시퀀스는' id) <BR><BR>/**<BR>* 옵션 추가 <BR>*/ <br>function addSelectedOption(){ <br>//첫 번째 위치에 추가<BR>$('#where').prepend('<option value="hbin" id="where06">하얼빈</option> '); <br>//A 위치 끝에 추가<br>$('#where').append('<option value="hlj" id="where07">HeiLongJiang</option>') ; <br>$('#where').attr('size', 7) <br></script> <br><br><br><select id="where" name= "where" size="5"> <br><option value="hk" id="where01">홍콩</option> ;option value="tw" id="where02" >대만</option> <br><option value="cn" id="where03">중국</option> <br><option value= "us" id="where04">미국< ;/option> <br><option value="ca" id="where05">캐나다</option> <br></select> </div> <br><br/ > <br><input type="button" value="위로 이동" onclick="upSelectedOption()"/> 버튼" value="아래로 이동" onclick="downSelectedOption ()"/> <br><input type="button" value="제거" onclick="removeSelectedOption()"/> <br><input type="button" value="OK" onclick= "getSelectedOption()"/> <br><input type="button" value="Add" onclick="addSelectedOption()"/> 🎜></div>
