2011-12-19 234 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。

我希望這會幫助你。

相關問題