2016-03-23 4 views
0

リンクをクリックしてドロップダウンリストの値を設定したいとしますが、これを試しましたが、動作しません:JavaScriptのリンクをクリックしてリンクの値でドロップダウンリストの値を設定するには

<html> 
<body> 
    <select id="select"> 
     <option value="one">one</option> 
     <option value="two">Two</option> 
     <option value="three">Three</option> 
    </select><br /> 

    <a class="link1" value="two" href="page.php?cc=two">Two</a><br /><br /> 
    <a class="link1" value="three" href="page.php?cc=three">Three</a> 

    <script> 
     function setSelect() { 

      var elmnt = document.getElementsByClassName('link1'); 

      for (i = 0; i < elmnt.length; i++) { 
        elmnt[i].onclick = function() { 
        document.getElementById('select').value = elmnt[i].getAttribute("value"); 
        window.history.pushState('Form', 'My form', this.getAttribute("href")); 
        return false; 

        };     
      } 
     } 


     setSelect(); 

    </script> 
</body> 
</html> 

URLからドロップダウンリストに値を取得しようとしましたが、リンクをクリックしても機能しませんでしたので、リンクの値でドロップダウンリストを設定しようとしています。
ご協力いただければ幸いです。あなたのjavascriptのコードで

+0

'のための(I = 0; I Rayon

+0

ありがとうございます@Rayon Dabre、素晴らしい作品です。 – Samwise

+0

「href」の値を使って同じことを達成するのに役立つと思いますか?私はこの[質問]にあるように(http://stackoverflow.com/questions/36132470/how-to-set-a-value-for-a-dropdown-list-with-a-value-from-url-by -clicking-on-a-li) – Samwise

答えて

0

問題は追加してください。この

<script> 
    function setSelect() { 

     var elmnt = document.getElementsByClassName('link1'); 

     for (i = 0; i < elmnt.length; i++) { 
      elmnt[i].onclick = (function (i) { 
       return function() { 
        document.getElementById('select').value = elmnt[i].getAttribute("value"); 
        window.history.pushState('Form', 'My form', this.getAttribute("href")); 
        return false; 
       }; 
      })(i) 
     } 
    } 
    setSelect(); 

</script> 
+0

ありがとうございます。@kapil。 'href'の値を使って同じことを達成するのを助けることができると思いますか?私はこの[質問]にあるように(http://stackoverflow.com/questions/36132470/how-to-set-a-value-for-a-dropdown-list-with-a-value-from-url-by -clicking-on-a-li) – Samwise