仅当选择特殊值时,才提交有关更改下拉列表的表单
Submit form on change of dropdown only when special value is selected
我有一个包含几个选项的下拉列表(例如 7)。当选择最后 3 个选项之一时,应提交表单。在前 4 个选项中,不应提交表格。
onChange="this.form.submit()"
无济于事 - 每次更改时都会提交表格......
有什么想法吗?
提前非常感谢
希亚斯
do...
onchange="checkVal();"
然后在您的 JS 中使函数...
function checkVal{
var e = document.getElementById("FORMID");
var selectedVal = e.options[e.selectedIndex].value;
if (selectedVal == val4 || selectedVal == val5 || selectedVal == val6){
e.submit();
}
}
如果您使用值设置了选项,这将起作用<option val="4">number 4</option>
如果没有,则必须使用.text
而不是.value
来获取selectedVal
,然后比较选项中的文本
检查 select 元素的值是否是您想要的,然后告诉表单自行提交,这很简单。
演示:http://jsfiddle.net/Q6FUM/
var f = document.forms['mf'], s= document.getElementById('ss');
s.onchange = function() {
if (s.value==3) f.submit();
}
非常感谢。它适用于以下代码:
function checkVal() {
var f = document.getElementById("FORM-ID");
var e = document.getElementById("SELECT-ID");
var selectedVal = e.options[e.selectedIndex].value;
if (selectedVal > 4) {
f.submit();
}
}
相关文章:
- jQuery表单添加不适用于下拉列表
- 当触发下拉列表的onchange事件时,使用JavaScript提交表单
- 当按下链接以在不同页面上的表单中的下拉列表中设置值时
- 根据url填充表单选择下拉列表
- 为什么jQuery下拉列表需要单击两次
- HtmlService表单-动态下拉列表
- 如何只制作一个下拉列表在单击时下拉
- 如何使下拉列表展开单击按钮元素
- Excel VBA / HTML 从下拉列表中单击下一页
- 容器导航下拉列表的单击问题(需要双击才能下拉)
- 在多个下拉列表中单击选项
- 阻止Bootstrap下拉列表在单击时关闭
- 以使下拉列表在单击另一个元素时隐藏
- 如何使Bootstrap Select2下拉列表在单击时转到选定的URL
- 引导下拉提交表单
- 无法在onClick()事件下拉列表中单击锚标记
- 引导显示/隐藏基于在第一个下拉列表中单击的列表项
- 为动态创建的下拉列表添加单击功能
- 需要帮助-代码更改下拉选项表单-更改提交到URL链接
- 引导下拉列表在单击后不显示菜单