如何限制用户在FORM中选择的列表框选项的数量?

时间:2014-03-30 13:57:36

标签: javascript

我有一个包含列表框的CFFORM,a.k.a。一个选择列表。列表框有大约40个选项供用户在提交表单之前选择。

我想限制用户选择五个或更少的选项,而不是更多。

我正在寻找一种在javascript中执行此操作的方法 - 如果用户选择了五个以上的选项,可能会弹出一条消息。

或者,我想知道在ColdFusion中是否有办法做到这一点?在我的Forta书籍或CF圣经中我没有看到这样的东西。

1 个答案:

答案 0 :(得分:2)

您可以添加如下所示的javascript函数:

function chkSelect(ele) {
      var aSelected = new Array();
      for (var i=0; i<ele.options.length; i++) {
            if (ele.options[i].selected) aSelected.push(ele.options[i].value);
      }
      //alert(aSelected.join(', '));
      if (aSelected.length > 5) {
            alert('Please select 5 or fewer.');
            for (var i=0; i<ele.options.length; i++) {
                  ele.options[i].selected = false;
            }
            ele.focus();
      }
}

select标签需要调用以下函数:

<select onblur="chkSelect(this);"