クリック時にオプションタグの選択項目を自動的に変更する方法

Question

オプションタグを使用して選択項目を動的に変更したい場合。ドロップダウンボタン内の次の値は、別のページからのリンクです。しかし、その結果、ドロップダウン・ボタンで値を選択すると、オプション・タグの値は変更されません。ここで

は私のコードです：

<select name="select_item" class="select_item" id="menu1" onchange="function();"> 
          <option value="<?= base_url('index/products'); ?>">Default sorting</option> 
          <option value="<?= base_url('index/prod_sort1'); ?>">Sort by A to Z</option> 

         </select> 
         <script type="text/javascript"> 
          var urlmenu = document.getElementById('menu1'); 
          urlmenu.onchange = function() { 
          window.open(this.options[ this.selectedIndex ].value,"_self"); 
          }; 
          </script> 

Answer 1

はjQueryのはとても素晴らしいですな方法であること

<script type="text/javascript"> 
 
     var urlmenu = document.getElementById('menu1'); 
 
     urlmenu.onchange = function() { 
 
     window.location.href = urlmenu.options[urlmenu.selectedIndex].value; 
 
     } 
 
</script>