使用jQuery更新图像源
使用jQuery更新图像源
提问于 2012-03-31 07:13:45
因此，我尝试使用javascript自动更新图像源，但由于某些原因，它不能工作。图像是从我的php文本生成器中检索的(生成一个带有文本的图像)，文本是从输入框中抓取的。我想让它自动抓取输入框中的文本，然后将图像的源文件更改为gen.php?text=Input_box_text_goes_here
下面是我的代码：
<html>
<head>
<title>text generator</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
</head>
<body>
<script language=javascript type='text/javascript'>
setInterval(function () {
var str= document.form.letters.value;
$('#logo').src("gen.php?text="+str);
}, 10);
</script>
<img id="logo" name="logo" src="gen.php?text=default" />
<form name="form" action="">
Text: <input type="text" name="letters"/>
</form>
</body>
</html>任何帮助都将不胜感激。
回答 2
Stack Overflow用户
发布于 2012-03-31 07:16:21
将$('#logo').src("gen.php?text="+str);更改为$('#logo').attr("src", "gen.php?text="+str);。
Stack Overflow用户
发布于 2012-03-31 07:43:23
尝试：
<script>
$(function(){
//reference the image
var img = $('#logo');
//use onkeyup instead of polling
$('input[name="letters"]').on('keyUp',function(){
//get the value every keystroke
var inputValue = $(this).val();
//apply the values to the image source
img.each(function(){
this.src = "gen.php?text="+inputValue;
});
});
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9951493
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号