javascript - 更改 URL 的 UserInput 不适用于多个菜单

Question

我有一个用户输入表单，其中包含多个基于用户选择显示的下拉菜单。当用户从第二个下拉列表中选择一个选项时，我想将该选择附加到一个 url。

这是我正在使用的内容：http: //jsfiddle.net/Sxz4R/142/

这是有问题的JS：

function changeText2(){
   var userInput = document.getElementById('userInput').value;
   var lnk = document.getElementById('lnk');
   lnk.href = "http://google.com/?q=" + encodeURIComponent(userInput);
   lnk.innerHTML = lnk.href;

问题是一旦设置了链接，如果从第一个下拉菜单中选择了不同的选项，它将不会再次更改。

复制：

1) 选择颜色列表

2) 选择一种颜色——链接会改变

不提神醒脑...

1）从下拉列表中选择“数字列表”

2) 选择一个数字——链接不变

如果用户决定从第一个菜单中选择一个新选项，我该如何更改链接？

Answer 1

ID 是唯一的，但您使用相同的 ID 两次 - 这是一个禁忌。改为使用一个类。您还应该摆脱那些使用javascript:.

这是一个更新的小提琴。