如何将选择选项传递给输入提交按钮

时间:2016-08-10 22:31:06

标签: jquery html html-select html-form

说我有:

ssh

我如何做到这一点,当我选择一个选项时,我点击这个提交按钮,它会转到所选的相应链接?

2 个答案:

答案 0 :(得分:1)

您可以尝试使用此代码。

<form>
 <select onchange="if (this.value) window.location.href=this.value">
   <option value="page1.html">Page 1</option>
   <option value="page2.html">Page 2</option>
  </select>
 <input type="submit" value="Submit">
</form>

由于

答案 1 :(得分:0)

您可以使用此代码:

&#13;
&#13;
$(function() {
  $('#frm1').on('submit', function() {
    window.location = $('#sel1').val();
    return false;
  });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="frm1">
 <select id="sel1"> 
   <option value="page1.html">Page 1</option>
   <option value="page2.html">Page 2</option>
  </select>
 <input type="submit" value="Submit">
</form>
&#13;
&#13;
&#13;

  

请注意,在示例中它不起作用,因为stackoverflow的服务器上没有这样的页面