單擊后將各種預定義的“標簽”添加到文本字段

Question

這可能是一個非常容易回答的問題。 我正在為一個簡單的“聯系人管理器”類型的基於php的站點創建一個表單，並帶有一個基本的數據庫。 我有一個文本字段，可以在每個配置文件中添加多個標簽。 當前，這是手動完成的。 客戶希望我添加一個預定義的“標簽”列表，他們可以單擊該列表，然后將適當的文本添加到該字段。 我當時想將代碼硬編碼在標簽中，然后使用標題標簽包含將添加到字段中的文本。 是否有人對此有任何建議或替代建議？ 這將是在現有字段中添加文本（用逗號分隔，最好是逗號不會成為我傳遞的文本的一部分。我想在每個標簽添加后自動出現一個逗號。

另一個請求是創建一系列復選框，但是我認為這可能使搜索最容易。 我意識到這可能非常簡單，但我更像是一名設計人員，所以如果有人可以向我指出正確的方向或提供任何建議，將不勝感激。 另外，我可能在頁面上必須有一個以上的實例，所以為此可能需要多個功能。 謝謝！

Answer 1

您需要以下內容：

<script type="text/javascript">
function addToValue(el, s) {
  if (typeof el == 'string') el = document.getElementById(el);
  el.value += (el.value.length > 1)? ', ' + s : s;
}
</script>


<textArea id="someText"></textarea>
<button title="foo" onclick="addToValue('someText',this.title)">Add foo</button>
<button title="bar" onclick="addToValue('someText',this.title)">Add bar</button>
<button title="baz" onclick="addToValue('someText',this.title)">Add baz</button>