改变了URL的UserInput不能与多个菜单一起工作

Changing the UserInput of a URL not working with multiple menus

本文关键字：菜单 一起 工作 不能 URL UserInput 改变      更新时间：2023-09-26

我有一个用户输入表单，其中包含基于用户选择显示的多个下拉列表。当用户从第二个下拉菜单中选择一个选项时，我想将该选择附加到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)选择一个数字——链接不会改变

如果用户决定从第一个菜单中选择一个新选项，我如何让链接改变?

id是唯一的，但你使用相同的一个两次-这是不允许的。使用类代替。您还应该摆脱那些与javascript:绑定的HTML。

相关文章：