Question

我想将图片网址放入输入框，点击按钮后，我可以查看图像。

但在我的代码中，为什么我不能将图片网址放入jquery.html代码？

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#insert').click(function(){
        var value = $(this).val();
        $("#view").html('<img src="' + value + '" />');
    });//http://farm4.static.flickr.com/3642/3450584784_a1f7759fbf_s.jpg
});
</script>
<style type="text/css">
    #view{width:50px;height:50px;}
</style>
</head>
<body id="body1">
<form name="form" style="float:right;padding:10px;float:left;">
<input type="text" value="" id="file" name="file">
<a name="Insert" id="insert" href="javascript:void(0)">Via</a>
</form>
<div id="view"></div>
</body>
</html>

Answer 1

将var value = $(this).val();更改为var value = $('#file').val();。

jquery评论图片

1 个答案: