Ajaxフォーム、JavaScript関数

Question

で値を変更し、私はそれをフォームにPHPスクリプトをロードする私のhtmlページ、上のスクリプトを提出するためのAJAXを持っている....

形だけの行のための1つの入力を持っていますコメント....これは

しかし、私がリンクでのonclickからリンクするJavaScript関数を作成する必要があります....アヤックスの上にポストを経由して送信されます....

スクリプトがに埋め込まれますPHPフォームのページ（既にjsがあります）

私はおよそ10種類の画像があります、iは各画像をクリックできるようにする必要があり、そしてあなたが画像をクリックすると、関数に変数IDを転送しますときに、関数が呼び出されるように、それは...

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

関数を呼び出します。 ....

私はその後トンにあったデータの文字列の末尾に

<a id= 

を追加

、フォームのテキストボックスの値を取得する機能を必要としますEXTボックス（この例ではIDが

'image_1' 

であろうし、テキストボックスに新しい文字列（form_data_in_textboxのIMAGE_1）を書き込む....

フォーム名+ ID =あるmyForm

テキストボックスしかし....イム学習名+ ID =コメント

これは非常に簡単かもしれないが、ジャバスクリプトでイム最高ではない:)

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>