gpt4 book ai didi

javascript - 将元素从一个列表移动到另一个列表以及反向 javascript

转载 作者:行者123 更新时间:2023-12-02 13:55:49 28 4
gpt4 key购买 nike

我想将第一个列表中的项目移动到第二个列表中,反之亦然。第一个作品。我尝试写第二个列表,但它不起作用,我不知道为什么。有人可以帮助我吗?这就是我试图做的。

   <html>
<head>
<script>
function moveRight() {
var selItem = document.forms[0].leftList.selectedIndex;
if (selItem == -1) {
window.alert("You must first select an item on the left side.")
} else {
document.forms[0].rightList.add(document.forms[0].leftList[selItem], null);
}
}
function moveLeft(){
var selItem=document.forms[1].leftRight.selectedIndex;
if (selItem == -1) {
window.alert("You must first select an item on the right side.")
} else {
document.forms[1].leftList.add(document.forms[1].rightList[selItem], null);
}
}
</script>
</head>
<body>
<form name="form1" onsubmit="return false;">
<select name="leftList" multiple="multiple">
<option value="item1">Item1</option>
<option value="item2">Item2</option>
<option value="item3">Item3</option>
<option value="item4">Item4</option>
</select>
<select name="rightList" multiple="multiple">
<option value="elem1" > Elem1</option>
<option value="elem2">Elem2</option>
</select>

<button onclick="moveRight()">Move to the right</button>
<button onclick="moveLeft()">Move to the left</button>
</form>
</body>
</html>

最佳答案

有 2 个问题

1:没有 forms[1] 元素,应该只有 forms[0]。

2: document.forms[1].leftRight 不是元素,它应该是 document.forms[0].rightList

function moveLeft(){
var selItem=document.forms[0].rightList.selectedIndex;
if (selItem == -1) {
window.alert("You must first select an item on the right side.")
} else {
document.forms[0].leftList.add(document.forms[0].rightList[selItem], null);
}
}

工作示例:https://plnkr.co/edit/uw28oLtQBjfW9vS0d5ld?p=preview

关于javascript - 将元素从一个列表移动到另一个列表以及反向 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40706658/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com