Numeros Unicos

Maganius · #1 (**permalink**) 12/03/2012, 13:54

Wenass,,,

Estoy tratando de que el usuario coloque numeros unicos...

Tengo 4 select en los cuales tengo por cada select del 1 al 4

necesito que cada select sea único por ejemplo:

Si coloco en el select primero el numero 1
En el segundo select ya no podré elegir esa opción

Sin eliminar la opción de que forma creen que podria comparar los numeros?

Si los comparo a "mano" if = if habra muchas posibildades y se hara grande el código ya que son 4 select.

Que me recomiendan

IsaBelM · #2 (**permalink**) 12/03/2012, 15:04

prueba con este

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="http-equiv" content="Content-type: text/html; charset=UTF-8"/>
<script type="text/javascript">
function getElement(elElemento) {
return document.getElementById(elElemento);
}

function funcion(select) {
var nextSelect = '', posOpcion = 1;
for(var i = 0; combo = select.form.elements[select.name][i]; i++){
if(combo.id == select.id) nextSelect = select.form.elements[select.name][i+1].id; // Siguiente select
}

for(var i = 1; select.options[i]; i++){

if (select.selectedIndex == 0) { // Si valor por defecto
while(getElement(nextSelect).length > 1) getElement(nextSelect).removeChild(getElement(next Select).options[i]);
break;
}

if (i == select.selectedIndex)
continue;

nuevasOpciones = new Option(select.options[i].value, select.options[i].text);
eval(getElement(nextSelect).options[posOpcion++] = nuevasOpciones);
}
}
</script>
</head>
<body>
Arreglo a la opción que se selecciones en el primer combo, no aparecerá en el segundo, etc...<br>
<form id="form1" name="form1" method="post" action="">
<select id="idioma1" name="idioma[]" size="10" onchange="funcion(this)">
<option value="">Idiomas</option>
<option value="Español">Español</option>
<option value="Inglés">Inglés</option>
<option value="Francés">Francés</option>
<option value="Portugués">Portugués</option>
</select>

<select id="idioma2" name="idioma[]" size="10" onchange="funcion(this)">
<option value="">Idiomas</option>
</select>

<select id="idioma3" name="idioma[]" size="10">
<option value="">Idiomas</option>
</select>
</form>
</body>
</html>

Maganius · #3 (**permalink**) 12/03/2012, 15:05

Gracias por responder IsaBelM, ahora me estoy llendo pero mañana lo pruebo y te comento como me fue.
gracias

emprear · #4 (**permalink**) 12/03/2012, 23:35

Podés hacer algo asi

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Verificar números repetidos</title> 
<style type="text/css">
/*<![CDATA[*/
/* estilos */ 
select{
width: 80px;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
/* script */
function comparar(){
var u = document.getElementById('uno').value;
var d = document.getElementById('dos').value;
var t = document.getElementById('tres').value;
var c = document.getElementById('cuatro').value;
var cadena = u+d+t+c;
alert(cadena); // para verificar
 
    for(i=1; i <=4; i++){
    var re = new RegExp(i); 
    var resultado= re.test(cadena);
    alert(re); // para verificar
    alert(resultado); // para verificar
        if(resultado == false){
        alert('ha omitido o repetido un valor');
        return false;
        }
    }
alert('Todo ok. proceso el form'); // para verificar
}
//]]>
</script>
</head>
<body>
<div>
<form action="#" method="post" onsubmit="return comparar();">
<div>
<select id="uno" name="uno" multiple="multiple" size="6">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
 
<select id="dos" name="dos" multiple="multiple" size="6">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
 
<select id="tres" name="tres" multiple="multiple" size="6">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
 
<select id="cuatro" name="cuatro" multiple="multiple" size="6">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
 
<br /><br />
<input type="submit" value="procesar"/>
</div>
</form>
</div>
</body>
</html>

Al hacerlo con números se simplifica.
Algunos alert() están solo para verificar el funcionamiento. La idea es construir una cadena con los valores seleccionados, y contra esta hacer un test con una expresión regular. Por lógica, para que no se repitan los números tu numero tiene que contener los cuatro números, el pattern de la expresión regular se genera dinamicamente en el for usando los valores de i (de 1 a 4), con cualquier false para resultados, la ejecución se detiene.
Lo que me deja dudas es que hacés si no seleccionan nada en uno de los selects, yo la armé para que sea obligatorio. Pero eso depende de como y para que vayas a usar el form.
Probada en IE8+, FF, Chrome, opera, Safari
SAludos

Maganius · #5 (**permalink**) 13/03/2012, 07:07

Muchas gracias a los 2 probe y funcionan los 2 pero voy a tomar el ejemplo de emprear por ahora.

Muchas gracias a los 2