Foros del Web - Ver Mensaje Individual - como cambiar options en un select en un formlario

chinanzio · #4 (**permalink**) 03/05/2012, 15:54

esto te sirve ?

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
<script type="text/javascript">
function onChangeSelect(selectQueCambioElUsuario) {
    var primerSelect = document.getElementById("primer-select");
    var segundoSelect = document.getElementById("segundo-select");
 
    var selectQueHayQueCambiarleLosOptions = selectQueCambioElUsuario == primerSelect ?  segundoSelect : primerSelect;
    var totalaOcultar = parseInt(selectQueCambioElUsuario.value);
    var length = selectQueHayQueCambiarleLosOptions.length;
    for (var i = 0; i < length; i++) {
        var optionaOcultar = selectQueHayQueCambiarleLosOptions.options[i];
        var displayStr = (i < length - totalaOcultar) ? "" : "none";
        optionaOcultar.style.display = displayStr;
    }
}
</script>
</head>
<body>
    <select id="primer-select" onchange="javascript:onChangeSelect(this);">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
    </select>
 
    <select id="segundo-select" onchange="javascript:onChangeSelect(this);">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
    </select>
</body>
</html>

es lo que entendí, que a lo mejor lo entendí mal, la cosa es que se ocultan la cantidad de opciones del otro select que se selccionan en un select :P jeje