如何在Javascript中向上或向下移动文本行 [英] How to move up or down a text row in Javascript
本文介绍了如何在Javascript中向上或向下移动文本行的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正面临着向上或向下移动文本行的问题，当我向上或向下移动一行时，它可以移动，但似乎旧行仍然存在并且未被删除
I'm facing a the problem about move up or move down a text row, when I move up or down a row, it can move but seem old row is still exist and was not deleted
例如：
我向下移动'text 2'，它可以移动但行仍然存在
for example: I move down 'text 2', it can move but row is still exist
这是我的来源：
this is my sources:
<head>
<script>
function down_move(index)
{
var frm = document.writeForm;
var opts=frm["ans_list" + index].options
for (var i=opts.length-1; i>=0; i--) {
if (opts[i].selected && i<opts.length-1) {
tmp = opts[i].cloneNode(true);
// opts[i].removeChild(true);
opts[i].removeChild(opts[i].childNodes[0]);
opts[i].insertAdjacentElement("afterEnd", tmp).selected = true;
}
}
setting_val(index);
}
</script>
</head>
<body>
<div>
<a href="#" onClick="javasript:down_move('<%=i+1%>');" style="float:left"><span class="bt_test_admin bg_type_01">▼ Order</span></a>
</div>
</body>
我从控制台bug浏览器收到一条消息：
I get a message from console bug browser:
Uncaught TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not of type 'Node'.
如何解决错误？谢谢
推荐答案
您的问题缺乏HTML上下文。无论如何，从选择中删除选项似乎是错误的
Your question is lacking HTML context. Anyway, removing option from select seems to be wrong
我改变了你的代码。
function down_move(index)
{
var frm = document.writeForm;
var elSelect = frm["ans_list" + index];
var opts=elSelect.options
for (var i=opts.length-1; i>=0; i--) {
if (opts[i].selected && i<opts.length-1) {
tmp = opts[i].cloneNode(true);
tmp.selected=true;
// opts[i].removeChild(true);
elSelect.remove(i);
elSelect.add(tmp, i + 1);
}
}
setting_val(index);
}
这篇关于如何在Javascript中向上或向下移动文本行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
