Limitar seleccion multiple de un listbox

[barlucas]

Hola a todos, necesito limitar la cantidad de valores seleccionados dentro de un control listbox que se carga en forma dinámica con javascript, utilizando el constructor "newOption".

Puntualmente necesito permitir que se seleccionen hasta 30 valores como maximo de un total de 200.

Agradezco de antemano cualquier ayuda que me puedan brindar con este tema que se me está complicando!!!

Saludos!!

[Adler]

Hola

Sería algo así

Código Javascript:

var ulIndex = false;
function funcion(sel) {
var contSel = 0;
for (var i = 0; i < sel.options.length; i++) {
if (sel.options[i].selected == true) {
contSel++;
}
}
 
if (parseInt(contSel) > 2) {
alert('has superado el máximo');
sel.options[ulIndex].selected = false; 
}
 
}
 

Código HTML:

<select multiple="multiple" size="4" id="elSel" onchange="funcion(this)">
<option value="val" onmousedown="ulIndex = this.index">val</option>
<option value="val" onmousedown="ulIndex = this.index">val</option>
<option value="val" onmousedown="ulIndex = this.index">val</option>
<option value="val" onmousedown="ulIndex = this.index">val</option>
<option value="val" onmousedown="ulIndex = this.index">val</option>
</select>
 

Suerte

[barlucas]

Pero muchisimas gracias Adler !!!

Tuve que modificarlo un poco ya que completo mi select en forma dinamica con 'newOption', por lo que no podia llamar al evento 'onmousedown', solo al 'onchange', pero anduvo de maravillas!!!

Dejo la modificacion:

Código:

function cuentaSeleccionados()
{
	var limite=30;
	var seleccionados=Controlar();
	var sel=document.form1.select1;	

	if (seleccionados>limite)
	{
		var deselec = seleccionados - limite;
		var cuentades=0;
		
		alert("Ha superado el limite de "+limite);

		for (var i=0; i<sel.options.length; i++)
		{
			if ((sel.options[i].selected == true)&(cuentades<deselec))
			{
				sel.options[i].selected = false;
				cuentades++;
			}
		}	
	}
}
function Controlar()
{
	sel=document.form1.select1;
	var cuenta=0;
	for (var i = 0; i < sel.options.length; i++) 
	{
		if (sel.options[i].selected == true) 
		{
			cuenta++;
		}
	}
	return cuenta;
}

Lo que hago es simplemente deseleccionar los que haya seleccionado de más

Muchas gracias!!!