如何选择选项更改按钮链接？

我有一个下拉列表和一个按钮。 我想在按钮链接上反映列表的选择。

示例JSFiddle

这是示例代码：

 $5.00 monthly $10.00 monthly $15.00 monthly $20.00 monthly  
 Order  

我想要实现的是当用户例如选择第二个选项时，按钮链接变为http：// ordernow / 10 /而不是http：// ordernow / 5 /等等。 有人可以告诉我这是怎么做的或提供有关此教程的链接？ 谢谢。

Answer 1

使用纯javascript并将id添加到某些元素：

的jsfiddle

这是JavaScript：

 document.getElementById("subscription").onchange = function() { document.getElementById("order-btn").href = "http://ordernow/"+this.value+"/"; } 

Answer 2

您可以收听select's onchange以获取新选择的选项的值。 然后将值添加到按钮的href：

 $('select').on('change', function () { $('#button > a').attr('href', 'http://ordernow/' + $(this).val() + '/'); }); 

jsfiddle DEMO

Answer 3

可以使用正则表达式来解析href的结尾，因此不需要知道路径

 $('select').change(function(){ var val =$(this).val(); $('#button a').attr('href', function(_,href){ var reg = /\/\d\/$/; return href.replace(reg, '/'+val+'/'); }); }); 

DEMO