Добавить различные предопределенные «теги» в текстовое поле по нажатию - PullRequest
Новая
       29

Добавить различные предопределенные «теги» в текстовое поле по нажатию

0 голосов
/ 20 июня 2011

Вероятно, это будет очень простой вопрос.Я создаю форму для простого php-сайта типа «менеджер контактов» с базовой базой данных.У меня есть текстовое поле, в которое можно добавить несколько тегов для каждого профиля.В настоящее время это делается вручную.Клиент хотел бы, чтобы я добавил предопределенный список «тегов», по которым он может щелкнуть, и затем добавит соответствующий текст в это поле.Я думал, что я буду жестко кодировать в тегах, а затем использовать тег заголовка, чтобы содержать текст, который будет добавлен в поле.Кто-нибудь есть какие-либо предложения о том, как это сделать, или альтернативные предложения?Это будет добавление текста в уже существующее поле (разделенное запятой, желательно, чтобы запятая не была частью текста, который я передаю. Я хотел бы, чтобы после добавления каждого тега автоматически появлялась запятая.

Альтернативный запрос состоял в том, чтобы создать серию флажков, но я подумал, что это может упростить поиск. Я понимаю, что это, вероятно, очень просто, но я скорее дизайнер, так что если кто-то может указать мне правильное направлениеили предоставить какие-либо предложения, это было бы очень ценно. Кроме того, мне, возможно, придется иметь более одного экземпляра этого на странице, поэтому мне может понадобиться более одной функции для этого. Спасибо!

1 Ответ

0 голосов
/ 20 июня 2011

Вы хотите что-то вроде следующего: 

<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>
...