用JavaScript更新div内容
用JavaScript更新div内容
提问于 2013-11-07 15:12:31
我正在尝试使Qr代码生成器，我已经输入了用户输入的站点URL，并且这个URL通过Ajax和php文件进入php文件，检查验证并返回URL link.this结果传递到jQuery('#output').qrcode(url);并在div.Problem中显示，当用户更新url时，下次如果用户更新url，新的Qr代码生成和结果是两个不同的Qr cods.How可以在用户更新链接上一个Qr代码图像删除和更新后的Qr代码图像显示。
我正在展示我所做的，检查我的JavaScript和HTML代码。
JavaScript
function grcodeg() {
$(document).ajaxStart(function() {
$("#qr-preview").html('<img src="editor/loader.gif"/>').show();
$("#output").css("display","none").hide();})
.ajaxStop(function() {
$("#qr-preview").html('<img src="editor/loader.gif" />').hide();
$("#output").css("display","block").show();
});
$("#qr-form").ajaxForm(function(url){
jQuery('#output').qrcode(url);
}).submit();
}<form action="editor/arcode_g.php" method="post" id="qr-form">
<label for="url-qr">Link to a Website</label>
<br>
<input type="url" name="url-qr">
<br>
<label for="label-qr">Add QR Label</label>
Describe what your QR code will do.
<br>
<input type="text" name="label-qr">
<br>
<a onclick="grcodeg();">Ok</a>
</form>
<!----Qr Code Result------------->
<div id="qr-preview"></div>
<div id="output"></div>回答 1
Stack Overflow用户
回答已采纳
发布于 2013-11-07 15:20:21
如果我理解这个问题，那么你需要改变这个问题：
$("#qr-form").ajaxForm(function(url){
jQuery('#output').qrcode(url);
}).submit(); 对此：
$("#qr-form").ajaxForm(function(url){
$("#output").html("");
jQuery('#output').qrcode(url);
}).submit(); 在再次引入之前清除div。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19839484
复制相关文章
相似问题
腾讯云开发者
