javascript-尝试将一个选项移至另一个选择列表

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-尝试将一个选项移至另一个选择列表，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1329字，纯文字阅读大概需要2分钟。

内容图文

我已经尝试过搜索所有答案,而这些答案都在我的头上,让我感到困惑和沮丧.我要做的就是从左侧列表中选择一个选项,移至右侧列表中.当我单击一个按钮时.这是我尝试使用的脚本,但对我不起作用…

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 {
  var selText = document.forms[0].leftList[selItem].text;
  var selValue = document.forms[0].leftList[selItem].value;
  var nextItem = document.forms[0].rightList.length;

  document.forms[0].rightList[nextItem].text = selText;
  document.forms[0].rightList[nextItem].value = selValue;
 }
}

关于如何在不使问题复杂化的情况下进行这项工作有什么想法？

解决方法:

您的代码中存在三个问题：

>使用document.getElementById代替document.forms [0] .leftList
>使用cloneNode和removeChild和appendChild来移动元素
>在调用函数moveRight时,我看不到任何地方.必须添加一个onchange事件

样例代码：

function moveRight() {
    var leftlist = document.getElementById("leftList");
    var selItem = leftlist.selectedIndex;

    if (selItem == -1) {
        window.alert("You must first select an item on the left side.")
    } else {
        var rightlist = document.getElementById("rightList");
        var newOption = leftlist[selItem].cloneNode(true);

        leftlist.removeChild(leftlist[selItem]);
        rightlist.appendChild(newOption);
    }
}

document.getElementById('leftList').onchange = moveRight;

内容总结

以上是互联网集市为您收集整理的javascript-尝试将一个选项移至另一个选择列表全部内容，希望文章能够帮你解决javascript-尝试将一个选项移至另一个选择列表所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端