ChromeのJavascriptで選択した行を移動するには

Question

javascriptを使用して選択した行を上に移動しますが、上に移動すると移動できるように見えますが、古い行はまだ存在しています。例えば

：私は行 'BBBB' 上に移動 、それが上に移動することができますが、古い行はまだこれが私の情報源である

を削除されません。

function up_move(index) 
{ 
var frm = document.writeForm; 
var opts=frm["ans_list" + index].options 

for (var i=0; i<opts.length; i++) { 
    if (opts[i].selected && i>0) {   
     tmp=opts[i].cloneNode(true); 
     // opts[i].removeChild(true); 
     opts[i].removeChild(opts[i].childNodes[0]); 
     opts[i-1].insertAdjacentElement("beforeBegin",tmp).selected=true;    
    } 
} 

setting_val(index); 
} 

<tr> 
    <td><a href="#" onClick="javasript:up_move('<%=i+1%>');" style="float:left"><span class="bt_test_admin bg_type_01">▲ Up</span></a></td> 
</tr> 

どのようにこのエラーを修正しますか？本当にありがとう ！

Answer 1

jQueryの、クローンおよび削除する必要はありませんし、あなたは.insertBefore()と.insertAfter()機能を使用することができます。

HTML：

<select size="5"> 
    <option>aaaa</option> 
    <option>bbbb</option> 
    <option>cccc</option> 
    <option>dddd</option> 
</select> 

<button id="btn_up">up</button> 
<button id="btn_down">down</button> 

のjQuery：

$(function() { 
    $('#btn_up').on('click',function() { 
     var sel = $('select option:selected'); 
     if (!sel.is(':first')) { 
      sel.insertBefore(sel.prev()); 
     } 
    }); 
    $('#btn_down').on('click',function() { 
     var sel = $('select option:selected'); 
     if (!sel.is(':last')) { 
      sel.insertAfter(sel.next()); 
     } 
    }); 
}); 

フィドル：https://www.bootply.com/x2cUA8SEMQ

オルタナティブ：

<a href>

<a href="#" onClick="javascript:up_move();" style="float:left"><span class="bt_test_admin bg_type_01">▲ Up</span></a> 
<br> 
<a href="#" onClick="javascript:down_move();" style="float:left"><span class="bt_test_admin bg_type_01">Down</span></a> 

jQueryを使って、あなたの要求に基づいて：

function up_move() { 
    var sel = $('select option:selected'); 
    if (!sel.is(':first')) { 
     sel.insertBefore(sel.prev()); 
    } 
} 
function down_move() { 
    var sel = $('select option:selected'); 
    if (!sel.is(':last')) { 
     sel.insertAfter(sel.next()); 
    } 
} 

フィドル：http://jsfiddle.net/sbv6stqh/