如何限制用戶在FORM中選擇的列表框選項的數量？

Question

我有一個包含列表框的CFFORM，也就是一個選擇列表。 列表框有大約40個用戶可以在提交表單之前選擇的選項。

我想限制用戶能夠選擇五個或更少的選項，而不是更多。

我正在尋找一種方法在javascript中執行此操作 - 如果用戶選擇了五個以上的選項，可能會彈出一條消息。

或者，我想知道是否有辦法在ColdFusion中做到這一點？ 在我的Forta書籍或CF聖經中我沒有看到這樣的東西。

Answer 1

您可以添加如下所示的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);"