2012-02-17 79 views
-1

我有一個輸入字段,用戶可以在其中輸入評論。我想添加另一個字段,但我希望它被「隱藏」,當他們點擊「添加人員」時,會彈出一個輸入字段的下拉框,然後鍵入您想添加的人員的姓名。然後,當用戶點擊「提交」時,評論和額外的「人員」信息被我的PHP腳本處理。這將如何完成?不是那麼隱藏的表單域

+0

這可能不會解決你所有的問題,但這裏是自動完成部分的部件 - http://jqueryui.com/demos/autocomplete/。用於零研究工作的 – dana 2012-02-17 20:05:18

+0

-1。 – Sparky 2012-02-17 20:23:48

回答

1

帶添加輸入字段的「添加人員」下拉框會隱藏在div中。當用戶點擊「添加人員」時,div可能會出現。

下拉式和輸入值將始終發送到您的PHP腳本。在PHP中,請確保排除您在這些字段中放置的任何默認值。

1

如果這是一個選項,最好使用jQuery。

如果不是,您可以使用Javascript DOM來完成同樣的事情,只需付出更多的努力。

您有隱藏的表單字段兩個選項:

  1. 您可以創建他們點擊「加人」
  2. 您可以提前創建它,默認情況下隱藏它每一次,然後只需點擊「添加人員」即可顯示。

要隱藏它,只需在要隱藏的元素(或其容器元素)上指定CSS屬性:display: none

如果您使用jQuery,可以將函數綁定到「添加人員」按鈕的單擊事件。否則,您可以指定onclick=""屬性來調用一些顯示隱藏輸入框的Javascript函數。

一旦準備好提交表單,您可以再次使用jQuery將表單提交綁定到Javascript函數: $(myform).submit(someFunction)。同樣,如果jQuery不是一個選項,您可以使用表單上的onsubmit屬性來處理提交表單時發生的情況。

有了更多的信息,我可以根據您的需求定製這個響應。