提交按钮的下拉表格

Question

我有一个下拉链接，当我选择它将进入页面的选项，但我想用一个按钮来代替，但不知道如何改变JavaScript来实现这一点：

<select name="form" onchange="location = this.options[this.selectedIndex].value;"class="form-control"> 
      <option>Choose a Service</option> 
      <option value="http://www.google.com">Option 1</option> 
      <option value="http://www.google.com">Option 2</option> 
      <option value="http://www.google.com">Option 3</option> 
      <option value="http://www.google.com">Option 4</option> 
      <option value="http://www.google.com">Option 5</option> 
     </select> 

Answer 1

而不是把location = this.options[this.selectedIndex].value在unChange的，它移动到按钮onClick事件：你想要什么

<select id="dropdown" name="form" class="form-control"> 
    <option>Choose a Service</option> 
    <option value="http://www.google.com">Option-1</option> 
    <option value="http://www.google.com">Option-2</option> 
    <option value="http://www.google.com">Option-3</option> 
    <option value="http://www.google.com">Option-4</option> 
    <option value="http://www.google.com">Option-5</option> 
</select> 

<input type="button" value="Go!" onClick='location = document.getElementById("dropdown").options[document.getElementById("dropdown").selectedIndex].value'> 

Answer 2

<select id="dd" name="form"> 
     <option>Choose a Service</option> 
     <option value="http://www.google.com">Option 1</option> 
     <option value="http://www.google.com">Option 2</option> 
     <option value="http://www.google.com">Option 3</option> 
     <option value="http://www.google.com">Option 4</option> 
     <option value="http://www.google.com">Option 5</option> 
    </select> 

    <button onClick="launchPage" > 

    <script> 
     var launchPage = function() { 
     var e = document.getElementById("dd"); 
     var url = e.options[e.selectedIndex].value; 
     window.open(url); 
     }; 
    </script>