Question

基本上我的网页有两个组合框。第一个组合框填充了来自MySql的数据。组合框侧面有一个按钮Add，当用户在组合框1中选择一个项目时，点击Add按钮，该项目应该被添加到第二个组合框中同一页。任何人都可以告诉我如何在JavaScript中执行此操作？还是什么？

顺便说一下，我的网页是PHP页面。

感谢。

Answer 1

嘿。你可以使用这样的Javascript函数：

function moveSelectedOption() {
    // Fetch references to the <select> elements.
    var origin = document.getElementById('origin_select');
    var target = document.getElementById('target_select');

    // Fetch the selected option and clone it.
    var option = origin.options[origin.selectedIndex];
    var copy = option.cloneNode(true);

    // Add the clone to the target element.
    target.add(copy, null);
}

然后，您只需向按钮的onclick事件添加一个调用。

<button onclick="moveSelectedOption()">Add</button>

如果您想移动它而不是复制它，请移除cloneNode行，然后add原始option。

在HTML中链接组合框

1 个答案: