2011-12-19 233 views
0

在php表单的第2页,我有一个动态创建的选择框,填充了来自数据库(BOX1)的内容。这已经是基于php-form页面的选择。 还有一个空的选择框(BOX2)。从另一个选择框中选择一个选项框

现在我希望用户能够通过单击按钮将BOX1中的项目“转移”到BOX2。表格中的这一页应该为此包含下列步骤操作:

  1. 他们选择BOX1 一个几个项目
  2. 他们点击移动按钮
  3. 消失项目从BOX1和出现在BOX2
  4. 冲洗并重复,直到th安永是满意自己的选择
  5. 点击“完成” - 按钮,勇往直前第3页

我应该如何去吗?

我正在考虑每次点击都使用php-self,但这看起来很笨拙。

编辑:我发现this answer在不同的问题,应该帮助我。

+0

听起来很像你应该用javascript做的事情。 – GordonM 2011-12-19 10:27:17

+0

是的,我希望避免这种情况......但是,看起来确实如此。 – Karen 2011-12-19 10:33:48

回答

0

您可以根据您的要求实现这一目标用下面的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。

我希望这会帮助你。

相关问题