提交jquery / ajax表单后更改列表上的图像

时间:2012-06-08 11:23:37

标签: jquery html css ajax

我有两个问题:

我已经列出了文件,当我点击我的一个文件时,表单出现了,我可以删除我的图像,点击提交按钮后,我的表单变为“已添加”信息。但我想在我的列表上更改标题,我希望在列表项旁边显示YES字符串,我最近添加了描述。怎么做?

第二个问题是关于刷新表单,我不希望看到添加的消息,只是在计算数据库请求时加载了一些gif,当它完成时我希望看到填充了我最近添加的信息的表单。怎么做?

Jsfiddle以说明我最近修改的脚本版本http://jsfiddle.net/GSC3x/5/

@@更新至第一个问题:

当我有这样的列表项时:

<li class="files"><a href="#" class="show_hide" >filename <img align="right" src="http://artivia-dev2/git.png" alt="OK" /></a> 

当我想在提交表单后仅更改此处的图像时 - 如何操作?

2 个答案:

答案 0 :(得分:2)

upform.html("<div class='message'></div>"); 

所以在你得到回复后,你正在用另一个内容替换div的内容。 所以现在你的初始表单丢失了,而不是从服务器发送json响应,并用服务器值填充表单。

将“是”添加到li like file1是

示例HTML

<li><a href="#" class="show_hide" >file2</a><span></span>

示例代码

jQuery(upform).parent().prev().text('Yes');

答案 1 :(得分:1)

只需将以下代码添加到按钮点击事件中即可。

var aLink = $(this).parents('li').children(':first'); 

演示:http://jsfiddle.net/GSC3x/10/