<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('1 つ選択してください'); <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 オプション:selected').insertAfter($('#where option:selected').next('option')); } <br><br>/**<br>* 選択したオプションを削除 <br>* / <br>functionremoveSelectedOption(){ <br>if(null == $('#where').val()){ <br>alert(' 1 つ選択してください'); <br>return <br>} <br>$('#where option:selected').remove(); <br><br>/**<br>* すべてのオプション値を取得します<br> */ <br>function getSelectedOption(){ <br> // Select で選択されたテキストを取得します <br>var checkText = $('#where').find('option:selected').text(); >//Select で選択された値を取得します <br>var checkValue = $('#where').val(); <br>alert('Currently selected text=' checkText ', value=' checkValue); var ids = ''; <br>var options = $ ('#where')[0].options; <br>for(var i=0; i<options.length i>ids = ids '`' options[i].id; <br> } <br>alert('現在選択されている数値シーケンスは ' ids); <br><br>/**<br>* オプションを追加 <br>*/ <br>function addSelectedOption(){ <br>//最初の位置に追加<br>$('#where').prepend('<option value="hbin" id="where06">Haerbin</option> '); <br>//最後に場所を追加します<br>$('#where').append('<option value="hlj" id="where07">HeiLongJiang</option>') ; <br>$('#where').attr('size', 7); <br><br><div id="updown"> 🎜><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">中国<br><option value= "us" id="where04">米国<br><option value="ca" id="where05">/option> <br></select> </div> <br><br/ > <br><input type="button" value="上に移動" onclick="upSelectedOption()"/> button" value="下に移動" onclick="downSelectedOption ()"/> <br><input type="button" value="削除" onclick="removeSelectedOption()"/> <br><input type="button" value="OK" onclick= "getSelectedOption()"/> <br><input type="button" value="追加" onclick="addSelectedOption()"/> 🎜></options.length> </div>
