多個表單（或多個頁面）頁面

我需要在具有多個表單的Web應用程序中創建一個部分，但一次只能顯示一個表單。這些表單非常相似（區別在於選擇框而不是單選按鈕等）。應該使用選擇框或頂部的某種選項卡來選擇活動表單。表單用於使用mysql和php插入數據。做這件事最簡單的方法是什麼？多個表單（或多個頁面）頁面

來源

2012-06-26 Marko Mijailovic

你需要使用jQuery或任何其他客戶端AJAX使用一個邊庫。 – NAVEED

爲每個表單標籤分配一個id標記，然後在您的下拉選擇框中添加一個onchange監聽器。在監聽器中切換窗體的CSS顯示屬性。

<select name="..." id="change" onchange='OnChange(this.options[this.selectedIndex].value);'> 
    <option val="form_id_1">form 1</option> 
</select>

隨後的JavaScript將是：

<script language="text/javascript"> 
<!-- 
function OnChange(form_id) 
{ 

    document.getElementById("first_form_id").style.display = 'none'; 
    document.getElementById("second_form_id").style.display = 'none'; 
    document.getElementById("third_form_id").style.display = 'none'; 
    document.getElementById("fourth_form_id").style.display = 'none'; 

    document.getElementById(form_id).style.display = 'block'; 

    return true; 
} 
//--> 
</script>

這個隱藏在首先的形式，然後顯示你想選擇

來源

2012-06-26 06:27:22 Stephen

我自己想出來的，但非常感謝答案=）我通過在隱藏的div（使其變得可見）內製作窗體來做到這一點。現在我只需要找出如何將div放置在所需的位置。 –

多個表單（或多個頁面）頁面

回答

相關問題