Set Maximum Selections In Multi-Select List Box

[Elena]

Hello there,

 

How can I limit the selection done through multi-select listbox to a certain number?

When the user exceeded I would like to show a message "selection is limited to 10".

 

Help is appreciated.

 

Elena

[MayMusic]

Try this in the footer of the submission page

 

<script type="text/javascript">
 /* "fieldName" is the variable name for the listbox type form element field. */
   var fieldName = "InsertRecordFirst_Name";

   var x=document.getElementsByName(fieldName);
   x[0].multiple=true;
 var el = document.getElementsByTagName('select')[0];

document.getElementById('Submit').onmouseover= function (){

var el = document.getElementsByTagName('select')[0];
getSelectValues(el);
}

function getSelectValues(select) {

var result = [];
  var options = select && select.options;
  var opt;

  for (var i=0, iLen=options.length; i<iLen; i++) {
    opt = options[i];

    if (opt.selected) {
      result.push(opt.value || opt.text);
    }
  }

if (result.length>10){
alert('Select max 10 options for First Name');
return false; 

  }
}

</SCRIPT>

 

Replace InsertRecordFirst_Name with the actual listbox ID value

 

[Kurumi]

Hi - sharing this forum post if you would like to get the Display values in the listbox

[PotatoMato]

Hi! Just to update, Caspio has already added an article to limit selection on multi-select listbox: https://howto.caspio.com/tech-tips-and-articles/setting-the-maximum-number-of-listbox-selections-in-forms/

 

-Potato