文本框上的事件处理以加载图像

Question

在文本框上发生onclick事件后，如何在网页上加载特定图像？ 在 JavaScript 或 jquery 命令中也可以！

编辑

<script> function try(ob){ 
 ob.<!-- i dont know what to do here --> } 
</script> . . . . 
<td><input type="text" class="inp-form" name="caseid" id="caseid" onclick="try(this)"/>       </td>

Answer 1

您可以使用

以下javascript和html作为示例代码，在单击"文本框"时查看图像

哗啦��

 $(document).ready(function(e) {
  $("#textbox").click(function(){
    $("#image").show('slow');           
  })    
});

.html-

<input type="text" name="test" id="textbox" /><br />
<img src="images.jpg" id="image" style="display:none;" />

如果"#textbox"，它会在单击时加载"图像.jpg"。希望对您有所帮助。

Answer 2

你可以使用 jquery

如果要通过在页面的某个位置添加新的img标记来加载新图像，请执行以下操作：

<!-- Your HTML markup -->
<input type="text" id="myTextBox"/>
<div id="wrapper"> <!-- This is where the image will be added --></div>
<!-- Your Javascript : Remember to add Javascript Plugin in your webpage on top-->
<script type="text/javascript">
$(document).ready(function(){
    $("#myTextBox").click(function() {
        $("#wrapper").append("<img src='http://www.myfico.com/Images/sample_overlay.gif' alt='sample'></img>");
    });
});