未检测到图像输入类型

时间:2013-08-15 15:59:51

标签: javascript jquery html ajax forms

我正在尝试使用图片输入类型提交表单。 ajax请求执行正常,我从我的PHP脚本得到回复。我的问题是我希望图像按钮在提交时更改它的图像(并且它没有这样做)。 firebug控制台说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>

1 个答案:

答案 0 :(得分:1)

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

考虑到你正在使用jQuery,我认为这是最干净的方法。