如何使用javascript,jquery或其他一些聪明的方式提交下一个选项
How to submit the next option in a select with javascript,jquery, or some other clever way?
我有一个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 提交它(奶酪),但我不确定如何正确实现这一点。任何建议将不胜感激。
这里的小提琴
编辑:澄清我的问题:我的选择中有一个很长的列表,在浏览选择时,重新选择选项栏并选择列表中的下一个选项很痛苦。我希望用户能够单击下一步,它将在当前 SELECTED 选项之后提交列表中的下一个。该页面是 php,单击时它会使用 GET 方法提交到当前页面。当页面加载时,它会抓取 GET(name=search)并将其设置为选中,并在页面上使用一些 php。
使用 jQuery(简化):
$("select").find("option:selected").next().prop("selected",true);
请参阅小提琴(e.preventDefault()
显示值已更改 - 提交删除该行)
更新
使用:selected
而不是[selected]
来获取当前选择的选项,而不是原始选择。.
更新的小提琴
您可以在任何需要的地方对此进行编码,在这种情况下,请在提交时
JavaScript:
function selectNext(){
document.getElementById("mySelect").selectedIndex = document.getElementById("mySelect").selectedIndex + 1;
}
.HTML:
<button onclick="selectNext()">Next</button>
纯JavaScript代码。
相关文章:
- 使用AJAX在Rails中提交动态表单的最佳方式是什么
- Ajax 请求后,以正常方式提交表单
- 使用两个按钮(提交按钮和普通按钮),它们应该以不同的方式提交相同的表单
- 临时存储用户表单数据的最佳方式,用于表单重新提交
- 如何使用Angularjs以PHP方式提交表单
- 如何以正确的方式触发表单提交
- 在向导表单中使用按钮提交值的最佳方式
- 以编程方式自动填写和提交表单
- 提交多个输入字段 jQuery/PHP 的最佳方式
- 通过单击按钮或表单提交禁用注册按钮,这两种方式都会阻止表单提交
- 以编程方式提交角度表单,但仍会收到 HTML5 验证错误
- 如何通过邮寄方式提交表格
- 如何使用javascript,jquery或其他一些聪明的方式提交下一个选项
- 如何以编程方式提交填写好的表单并抓取生成的页面
- 使用Java以编程方式提交webest 's或blog's html表单
- 在以编程方式提交表单之前
- 表单有两个提交.如何通过javascript以编程方式提交一个特定的提交
- 无法以编程方式提交表单
- 当使用Jquery验证时,表单尝试以get而不是post方式提交
- 以正确的方式提交HTML表单