如何使用javascript、jquery或其他聪明的方式提交select中的下一个选项？

我有一个php页面，我想在我的选择中添加下一个选择功能

这是我的密码：

<form action='' method='GET' id='searchSelect'>
   <select name='search'>
      <option>beer</option>
      <option>chips</option>
      <option selected>BACON</option>
      <option>CHEESE</option>
      <option>poutine</option>
   </select>
   <input type='submit'>
   <button>NEXT SELECTION</button>
</form>    

啤酒
炸薯条
培根
奶酪
普丁
下一个选择

我觉得我应该能够集中所选内容（在本例中为培根）并使用JavaScript通过按钮提交（奶酪），但我不确定如何正确实现这一点。如有任何建议，将不胜感激

---

编辑：为了澄清我的问题：我的选择中有一个很长的列表，在进行选择时，重新选择选项栏并选择列表中的下一个选项是一件痛苦的事情。我希望用户能够单击“下一步”，并在当前选定选项之后提交列表中的下一步。该页面是php，单击时使用GET方法提交到当前页面。加载页面时，它获取GET（name=search）并使用页面上的一些php将其设置为selected

您可以在任何需要的地方编写此代码，在本例中是在提交时编写的

JavaScript:

function selectNext(){
  document.getElementById("mySelect").selectedIndex = document.getElementById("mySelect").selectedIndex + 1;
}

<button onclick="selectNext()">Next</button> 

HTML:

function selectNext(){
  document.getElementById("mySelect").selectedIndex = document.getElementById("mySelect").selectedIndex + 1;
}

<button onclick="selectNext()">Next</button> 

下一步

纯javascript代码。

使用jQuery（简化）：

（

e.preventDefault（）

显示值已更改-要提交，请删除该行）

更新

使用

：选择
而不是
[selected]
以获取当前选择的选项，而不是原始选择

您需要做什么？将一些数据发送到另一个页面（然后可以删除submit按钮并使用Javascript Ajax），然后将步骤放在一些容器中，如div。。它们可以在表单内部。。在步骤1的“下一步”按钮上，单击“隐藏步骤1”。。显示步骤2。。依此类推，在最后一步中，使用submit按钮而不是next..jQuery查询：
$（“#mySelect”）[0]。selectedIndex+=1我确实在标题中加入了jquery，但没有明确说明。jquery或其他一些方法很好。@ashquecm，问题标题：
…javascript、jquery或其他一些聪明的方法？…
这个jquery答案似乎最适合我所寻找的。非常感谢。