所以这就是我所拥有的:
一个文本框,标签为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。
先谢谢你们!
答案 0 :(得分:2)
将您的var address
移至点击处理程序:
$('#gen').click( function(){
var address=$(textbox).val();
$('a').attr('href', address);
});
在您的示例中,它将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);
});
我认为您应该id
使用a tag
并使用button
代替label
see this。