Question

有没有办法使用输入框添加图像的链接，假设您已上传图像并且您有输入，

Image Link: <input type="text" id="image_link"/>

在此框中，用户在www.google.com中输入内容并且您希望链接附加到图像。有没有办法做到这一点？

Answer 1

你的意思是这样的： http://jsfiddle.net/2QRBm/？

HTML：

<input/>
<button>set link</button>
<img src="http://media.heavy.com/post_assets/2010/03/0417/1267743226_stoned-party-dog-original.jpg" width="300"/>

使用Javascript：

$('img').wrap($('<a/>',{href:'',target:'_blank'}));

$('button').click(function(){
    var val=$('input').val();
    $('img').closest('a').attr('href',val.replace(/^([^(http://)].*)/,'http://$1'));
});

Answer 2

像这样：live demo

<强> HTML：

<input type="text" id="test"/> <input type="button" id="go" value="go"/>

<强> JavaScript的：

$("#go").click(function(){
    var value = $("#test").val();
    window.location = "http://"+value+"";
 });

Answer 3

假设您的图片有此ID：#img 然后你可以使用jQuery wrap将图像包装成a元素：

$('input').change(function(){
  $('#img').wrap('<a href="' + $(this).val() + '"></a>')
})

DOCS：http://api.jquery.com/wrap/

添加图像链接

3 个答案: