我想设置<a> href with the textbox value after i click on #gen?</a>

时间:2012-07-04 00:04:12

标签: jquery textbox set anchor

所以这就是我所拥有的:

一个文本框,标签为id为#gen的链接,以及一个锚。

我在texbox中设置的内容,应该在我点击#gen label后转移到anchor href属性。

im PRETTY我确定这是正确的。大声笑它让我疯了为什么它不起作用!

HTML:

<input type='text' value='' />
<label id='gen'>Generate</label>
</br></br>
<a href=''>Download</a>

JQuery的:

var textbox=$('input[type="text"]'); //texbox target into a var// 
var address=$(textbox).val(); // var address//getting Vaue of textbox. Use it for address into link. 

$('#gen').click( function(){
  $('a').attr('href', address);
  //$(textbox).val('Download Ready!');
});

哦,是的,我曾经在texbox集中有一个值,但我把它从cuz转移到了锚点href。

先谢谢你们!

2 个答案:

答案 0 :(得分:2)

将您的var address移至点击处理程序:

$('#gen').click( function(){
    var address=$(textbox).val();
    $('a').attr('href', address);
});​

JSFiddle Demo

在您的示例中,它将address设置为空字符串,因为在页面加载时它是空的。

答案 1 :(得分:1)

试试这个

<强> HTML

<input type='text' value='' name="address" id="address" />
<label id='gen'>Generate</label>
</br></br>
<a href=''>Download</a>​

<强> JS

$('#gen').click(function(e){
    //e.preventDefault();
    url='http://'+$('#address').val();
    $('a').attr('href', url);
});

DEMO.

我认为您应该id使用a tag并使用button代替label see this