0

我正在尝试使用图像输入类型提交表单。ajax 请求执行良好，我从我的 php 脚本中得到响应。我的问题是我希望图像按钮在提交时更改它的图像（它没有这样做）。萤火虫控制台说 form.pic 未定义，并且图像没有更新。任何想法为什么？

javascript/jquery

function new_user(form){

    var url = "attendance.php";

    var dataString = "status="+form.astatus.value;
    dataString = dataString+"&id="+form.mark_attend.value;
    $.ajax({  
type: "POST",  
url: url, 
data: dataString,  
success: function(data) {
form.pic.src = data; //Error here
},
error: function(jqXHR, textStatus, errorThrown){ console.error("error: " + textStatus, errorThrown);}
});

return false;
}

HTML

<form method="POST" onSubmit="return new_user(this);" >
<input type="hidden" value="attended" name="astatus" />
<input type="hidden" value="idKey" name="mark_attend" />
<input type="image" src="greencheck.png" name="pic" />
</form>
4

1 回答 1

1 
$(form).find('input[name="pic"]').attr('src', data);

考虑到您使用的是 jQuery，我认为这是最简洁的方法。

于 2013-08-15T16:03:42.267 回答