jQuery如何从下拉菜单更改href属性？

Question

我试图做一个下拉菜单，改变按钮的href属性。 我是jQuery的新手，我一直在复制和粘贴代码而不理解它是如何工作的。

这里是我的引擎收录： http://pastebin.com/53es3gLi

以下是完整版本： http://pastebin.com/trieK16d

有没有办法基础上，下拉菜单的结果改变＃btnLink的href值？当我使用

$("#btnLink").attr("href", $('#Link'); 

它取代了我的[对象％20％对象]链接，但如果我有一个链接替换$（“＃链接”），它的工作原理，但它是一个固定的链接。它独立于下拉菜单。

也可以有人帮助解释代码中的jquery位，我想知道如何使用它以及为什么使用它。在此先感谢

Answer 1

你设置的jQuery对象，链接场的不是值上使用val()。

$("#btnLink").attr("href", $('#Link').val()); 

Answer 2

尝试$("#btnLink").attr("href", $('#Link').val());

哦，我错过了你的问题的最后一部分：

• $("#btnLink")是一样的说：“每一个DOM元素ID为‘#btnlink’这是。
• $('#Link').val()我们如何在jQuery的选择的东西
• .attr("href"指的元素，我们之前选择的属性的“href”指的是另一组DOM元素：“一切以＃链接ID。在你的情况下，它指的是一个输入字段。
• .val()返回所述输入字段内的值。

Answer 3

$（'＃Link'）返回一个jQuery对象，这就是为什么你得到字符串“[Object％20％Object]”作为href属性中设置的值。如果您想设置一个从另一个链接链接HREF HREF你可以尝试

$("#btnLink").attr("href", $('#Link').attr('href')); 

Answer 4

$('#Link')返回jQuery对象，并要设置值作为jQuery对象，其被胁迫的字符串，因此该值[Object %20% Object]。该文本框的值设置为href属性链接元素

$("#btnLink").attr("href", $('#Link').val()); 
//         ^^^^^^