更改不使用多个菜单的URL的UserInput

时间:2013-03-08 21:37:26

标签: javascript

我有一个用户输入表单,其中有多个下拉列表,根据用户选择显示。当用户从第二个下拉菜单中选择一个选项时,我想将该选项附加到网址。

以下是我正在使用的内容: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;

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

Repro:

1)选择颜色列表

2)选择一种颜色 - 链接将改变

没有刷新......

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

2)选择一个数字 - 链接不会改变

如果用户决定从第一个菜单中选择新选项,如何获取要更改的链接?

1 个答案:

答案 0 :(得分:0)

ID是唯一的,但您使用的是两次相同的ID - 这是禁忌。请改为使用类。您还应该使用javascript:删除那些HTML绑定。

这是一个更新的fiddle