ajax表单,用javascript函数修改值

时间:2012-03-08 00:48:38

标签: javascript ajax forms

我的html页面上有一个提交脚本的ajax,它会加载带有表单的php脚本....

表单只有一行注释....这是通过ajax发送的....

但是我需要创建一个javascript函数来链接onclick链接....

该脚本将嵌入到php表单页面(已经有js)

我有大约10个不同的图像,我需要能够点击每个图像,它会调用该函数..

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

这样当您单击图像时将调用该函数,并将变量ID传递给函数.....

我需要函数来获取表单文本框的值

然后添加

 <a id=

到文本框中的数据字符串的末尾(在此示例中,id将是

 'image_1'

然后将新字符串(form_data_in_textbox image_1)写入文本框....

表单名称+ id = myform

文本框名称+ id =评论

这可能很简单,但我不是最好的javascript ....即时学习:)

1 个答案:

答案 0 :(得分: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>