javascript - 仅在选择特殊值时提交更改下拉列表的表单

Question

我有一个带有几个选项的下拉列表（例如 7）。选择最后3个选项之一时，应提交表格。在前 4 个选项中，不应提交表单。

onChange="this.form.submit()"没有帮助 - 每次更改都会提交表单...

有任何想法吗？

非常感谢提前

间断

Answer 1

做...

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然后比较选项中的文本

Answer 2

非常感谢。它适用于以下代码：

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();
  }
}

Answer 3

很简单，检查 select 元素的值，如果它是你想要的，然后告诉表单提交自己。

演示：http : //jsfiddle.net/Q6FUM/

var f = document.forms['mf'], s= document.getElementById('ss');

s.onchange = function() {
    if (s.value==3) f.submit();
}