2012-01-18 61 views
0

好吧我已經看過關於此主題的幾個問題。但我似乎無法找到我正在尋找的東西。我需要一些幫助!!我需要動態地使用jQuery,PHP和MySQL在窗體中創建一個選擇框。這裏是我現在怎麼有原來的選擇框,而不需要添加一個新:動態添加jQuery,PHP和MySQL的選擇框?

<select name="material" id="selectList"> 
    <?php 
    $get_material = mysql_query("SELECT DISTINCT Familia, anchocm FROM MYS") 
    or die(mysql_error()); 

    while ($info = mysql_fetch_array($get_material)) { 
    echo "<option value=\"".$info['anchocm']."\">".$info['Familia']."</option>\n "; 
    } 

    ?> 
    </select> 

它從一個MySQL數據庫中的信息,並填充字段。現在我需要在此選擇框旁邊添加一個按鈕,添加與此相同的另一個選擇框。這樣他們可以在每個選擇框中選擇一個選項。我不知道如何去做這件事。如果任何人有更好的建議使用我是開放的。我只需要在明天上午之前完成這件事。提前感謝你!

+2

這是不完全清楚你在這裏試圖完成。有沒有什麼理由你不能在頁面加載的時候創建它們,並保持一個隱藏,直到需要它?您是否需要根據第一個選擇內容來更改第二個框的內容? – Justin 2012-01-18 05:17:59

+1

我很抱歉,但問題有點含糊。同意賈斯汀。 – Frankie 2012-01-18 05:20:34

+0

您好,感謝您的回覆。我有這個原因是因爲客戶希望這樣。選擇框將相同,只是每個生成的框的名稱不同。他有不同類型的汽車部件,他希望人們從選擇框中選擇一個選項,然後如果他們需要額外的汽車部件來動態添加具有相同選項的第二個下拉框。我不想這樣做,但我不能說服我的客戶。所以希望這個清除它。謝謝! – liveandream 2012-01-18 05:34:53

回答

3

假設你有一個按鈕旁邊的選擇框:

<input type="submit" value="Copy" id="copy" /> 

在jQuery中:

$("#copy").click(function(e) { 
    $("#foon").clone().removeAttr('id').insertAfter(this); 
    e.preventDefault(); 
}); 

你也應該改變選擇的name「物質[]」這樣你就可以將任意數字作爲數組發佈。

+1

非常感謝你,這正是我所需要的! – liveandream 2012-01-18 17:56:41

0

您可以克隆jquery中的現有選擇框,以便在您的應用程序中重複使用它。它將顯示您在一個選擇框中存在的現有選項。