Question

在php-form的第2页，我有一个动态创建的选择框，其中填充了数据库中的内容（BOX1）。这已经是基于php-form第一页的选择。还有一个空的选择框（BOX2）。

现在我希望用户能够＆＃34;转移＆＃34;通过单击按钮从BOX1到BOX2的项目。因此，该表格的页面应包含以下步骤：

他们从 BOX1

一个

多个

他们点击移动按钮
BOX1中消失，BOX2中出现
冲洗并重复，直到他们对他们的选择感到满意
点击＆＃34; 完成＆＃34; - 按钮，然后转到第3页

我应该怎么做？

我想在每次点击时使用php-self，但这看起来很笨拙。

编辑：我在一个不同的问题上找到了this answer，这对我有帮助。

Answer 1

您可以使用以下jQuery代码实现此目的，根据您的要求更改以下代码，此处

$(function() {
    $("#box1").click(function() {
        var clkVal = $("#box1 option:selected").val();
        var clkTxt = $("#box1 option:selected").text();
        $("#box1 option:selected").remove();
        $("#box2").append('<option value="'+ clkVal +'">'+ clkTxt +'</option>');
    });

    $("#box2").click(function() {
        var clkVal = $("#box2 option:selected").val();
        var clkTxt = $("#box2 option:selected").text();
        $("#box2 option:selected").remove();
        $("#box1").append('<option value="'+ clkVal +'">'+ clkTxt +'</option>');
    });
});

如果你是jquery的新手，请下载最新的jquery库并在你的标题和＃box1中包含你的box1选择框的id，你可以用你原来的id替换box1。

我希望这会对你有所帮助。

用另一个选择框中的选项填充一个选择框

1 个答案: