AJAX форма, изменить значение с помощью функции JavaScript

Question

У меня есть ajax для отправки скрипта на моей html странице, который загружает скрипт php с формой на нем ....

форма имеет только один вход для строки комментариев .... это отправляется по почте через ajax ....

однако мне нужно создать функцию javascript для ссылки из onclick в ссылке ....

скрипт будет встроен в страницу формы php (на которой уже есть js)

У меня есть около 10 различных изображений, и мне нужно иметь возможность нажимать на каждое изображение, и оно вызовет функцию.

<a id="image_1" href="javascript: void(0);" onClick="newFunction(this.id)"> image </a>

чтобы функция вызывалась при нажатии на изображение и передавала идентификатор переменной в функцию .....

Мне нужна функция, чтобы получить значение текстового поля формы,

затем добавьте

 <a id=

до конца строки данных, которая была в текстовом поле (в этом примере идентификатор будет

 'image_1'

затем запишите новую строку (form_data_in_textbox image_1) в текстовое поле ....

имя формы + id = myform

имя текстового поля + id = комментарии

это может быть довольно просто, но я не лучший в javascript .... хотя я учусь:)

Answer 1

если я вас правильно понял, это должно быть:

<script type="text/javascript">
    function newFunction(imgId){

        document.getElementById('comments').value = document.getElementById('comments').value + " " + imgId;

    }
</script>

<input id="comments" type="text" value="" size="60"/><br /><br />

<a id="image_1" href="javascript: void(0);" onClick="newFunction(this.id)">image1</a>
<a id="image_2" href="javascript: void(0);" onClick="newFunction(this.id)">image2</a>
<a id="image_3" href="javascript: void(0);" onClick="newFunction(this.id)">image3</a>
<a id="image_4" href="javascript: void(0);" onClick="newFunction(this.id)">image4</a>
<a id="image_5" href="javascript: void(0);" onClick="newFunction(this.id)">image5</a>