-1

ユーザーの選択に基づいて表示される複数のドロップダウンを備えたユーザー入力フォームがあります。ユーザーが2番目のドロップダウンからオプションを選択したら、その選択を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）番号を選択します-リンクは変更されません

ユーザーが最初のメニューから新しいオプションを選択することにした場合、リンクを変更するにはどうすればよいですか？

4

1 に答える 1

0

ID は一意ですが、同じ ID を 2 回使用しています。代わりにクラスを使用してください。これらの HTML バインドも で取り除く必要がありますjavascript:。

これが更新されたfiddleです。

于 2013-03-08T21:57:07.163 に答える