2014-03-30 88 views
0

我有一個CFFORM包含一個列表框,a.k.a.一個選擇列表。列表框中有大約40個選項供用戶在提交表單之前選擇。如何限制用戶在FORM中選擇的列表框選項的數量?

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

我正在尋找一種方法來做到這一點的JavaScript - 也許一個消息可以彈出,如果用戶選擇超過五個選項。

或者,我想知道是否有辦法在ColdFusion中執行此操作?我在Forta的書籍或CF聖經中沒有看到這樣的事情。

+0

小票友之一。它不是重置選定的選項,而是取消選擇最後選擇的選項。 [** JSBin **](http://jsbin.com/sehojite/1/edit) – akinuri

回答

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 onblur="chkSelect(this);" 
相關問題