Jquery Form Plugin,如何改变目标中的值

时间:2012-08-29 17:41:37

标签: jquery ajax forms

<script language="JavaScript">

var options = { 
    target:     '.postBoxAjax', 
    url:        'sub/function.php', 
    success: SubmitSuccesful
}; 


$('#myForm').ajaxForm(options);

</script>

我可以将html标签添加到目标吗?

我想创建一个输入框,访问者可以在其中提交图像网址,一旦提交链接而不刷新,它将显示图像。目前,代码只会在.postBoxAjax中显示图片网址,我想补充一下:

<img src="taget value" width="580"/> 

包装目标值,提前谢谢:)

1 个答案:

答案 0 :(得分:1)

您无需进行AJAX调用即可更新您的页面。您只需要获取特定位置的输入值,并将其值放入图像中。 在最基本的层面上,你想要沿着这些方向做点什么

$(document).append("<img src=\""+ $("input")[0].value +"\" width=\"580\"/>");

将它放在一个函数中并从提交按钮的onclick事件中调用它。它将在您的页面上进行第一次输入并将其值转储到图像中。请注意,在将其值注入页面之前应先清理输入,因为这会导致javascript注入攻击。