jQueryはSelectのOptionを操作して上下移動、削除、追加などを行います_jquery

コードをコピー コードは次のとおりです: /** * 選択したオプションを上に移動します */ function upSelectedOption(){ if(null == $('# where') .val()){ alert('項目を選択してください'); return false; } //0 から始まる選択されたインデックス var optionIndex = $ (' #where').get(0).selectedIndex; //選択したものが先頭にない場合は、移動できることを意味します if(optionIndex > 0){ $ ('#where オプション:選択済み' ).insertBefore($('#where オプション:選択済み').prev('option')); } } /** * 選択したオプションを下に移動します */ function downSelectedOption (){ if(null == $('#where').val()){ alert('1 つ選択してください'); return false; } // 1 から始まるインデックスの長さ var optionLength = $('#where')[0].options.length // から始まる選択されたインデックス0 var optionIndex = $( '#where').get(0).selectedIndex; //選択したものが一番下にない場合は、下に進むことができることを意味します if(optionIndex &lt ; (optionLength-1)){ $(' #where オプション:selected').insertAfter($('#where option:selected').next('option')); } /** * 選択したオプションを削除 * / functionremoveSelectedOption(){ if(null == $('#where').val()){ alert(' 1 つ選択してください'); return } $('#where option:selected').remove(); /** * すべてのオプション値を取得します */ function getSelectedOption(){ // Select で選択されたテキストを取得します var checkText = $('#where').find('option:selected').text(); >//Select で選択された値を取得します var checkValue = $('#where').val(); alert('Currently selected text=' checkText ', value=' checkValue); var ids = ''; var options = $ ('#where')[0].options; for(var i=0; i ids = ids '`' options[i].id; } alert('現在選択されている数値シーケンスは ' ids); /** * オプションを追加 */ function addSelectedOption(){ //最初の位置に追加 $('#where').prepend(' Haerbin '); //最後に場所を追加します $('#where').append(' HeiLongJiang ') ; $('#where').attr('size', 7); 🎜> 香港 ;option value="tw" id="where02" >台湾 中国 米国 /option> button" value="下に移動" onclick="downSelectedOption ()"/> 🎜>