Skip to main content
se eliminaron 133 caracteres en el cuerpo
Origen Enlace
Vick Muñoz
  • 2.9k
  • 1
  • 10
  • 19
    <select name="sexo" id="sexo" onchange="mostrar()"><!--agregamos la función al atributo onchange para que se ejecute cada que cambies el valor.-->
                <option disabled selected>Selecciona el sexo</option>
                <?php 
                                if ($result_sexo > 0) 
                                {
                                    while ($sexo = mysqli_fetch_array($query_sexo)) {
                            ?>
                <option value="<?php echo $sexo[" cod_sexo "]; ?>">
                  <?php echo $sexo["descripcion_sexo"];?>
                </option>
    
                <?php               
                                    }
                                }
    
                            ?>
              </select>

    <script>
            function mostrar(){
            
            var sexo = document.getElementById('sexo').value;
            var divCastrado = document.getElementById('castrados');
            var selectCastrado = document.getElementById('castrado');
            
            if(sexo == 'HEMBRA'){
        
       
  divCastrado.style.display='none'; //ocultamos el div
        selectCastrado.removeAttribute('required',''); // removemos el atributo required ya que estamos ocultando pero al dar submit el campo estará vació y te marcará error 
   selectCastrado.disabled= 'true';
    
         }else{
        
     }else{
     divCastrado.style.display = 'block'; //mostramos nuevamente el div 
 ya que será 'Macho'
        selectCastrado.setAttribute('required','');//Agregamos el atributo required para que no se pase por alto el campo
            selectCastrado.disabled='false'; //cambiamos el atributo disabled por false para que pueda seleccionar
            }
        
        }
    
    </script>
<select name="sexo" id="sexo" onchange="mostrar()"><!--agregamos la función al atributo onchange para que se ejecute cada que cambies el valor.-->
            <option disabled selected>Selecciona el sexo</option>
            <?php 
                            if ($result_sexo > 0) 
                            {
                                while ($sexo = mysqli_fetch_array($query_sexo)) {
                        ?>
            <option value="<?php echo $sexo[" cod_sexo "]; ?>">
              <?php echo $sexo["descripcion_sexo"];?>
            </option>

            <?php               
                                }
                            }

                        ?>
          </select>

<script>
        function mostrar(){
        
        var sexo = document.getElementById('sexo').value;
        var divCastrado = document.getElementById('castrados');
        var selectCastrado = document.getElementById('castrado');
        
        if(sexo == 'HEMBRA'){
        
        divCastrado.style.display='none'; //ocultamos el div
        selectCastrado.removeAttribute('required',''); // removemos el atributo required ya que estamos ocultando pero al dar submit el campo estará vació y te marcará error 
        
         }else{
        
         divCastrado.style.display = 'block'; //mostramos nuevamente el div ya que será 'Macho'
        selectCastrado.setAttribute('required','');//Agregamos el atributo required para que no se pase por alto el campo
        selectCastrado.disabled='false'; //cambiamos el atributo disabled por false para que pueda seleccionar
        }
    
    }

</script>
    <select name="sexo" id="sexo" onchange="mostrar()"><!--agregamos la función al atributo onchange para que se ejecute cada que cambies el valor.-->
                <option disabled selected>Selecciona el sexo</option>
                <?php 
                                if ($result_sexo > 0) 
                                {
                                    while ($sexo = mysqli_fetch_array($query_sexo)) {
                            ?>
                <option value="<?php echo $sexo[" cod_sexo "]; ?>">
                  <?php echo $sexo["descripcion_sexo"];?>
                </option>
    
                <?php               
                                    }
                                }
    
                            ?>
              </select>

    <script>
            function mostrar(){
            
            var sexo = document.getElementById('sexo').value;
            var divCastrado = document.getElementById('castrados');
            var selectCastrado = document.getElementById('castrado');
            
            if(sexo == 'HEMBRA'){
             
            selectCastrado.removeAttribute('required',''); // removemos el atributo required ya que estamos ocultando pero al dar submit el campo estará vació y te marcará error 
selectCastrado.disabled= 'true';
            
            }else{
            
            selectCastrado.setAttribute('required','');//Agregamos el atributo required para que no se pase por alto el campo
            selectCastrado.disabled='false'; //cambiamos el atributo disabled por false para que pueda seleccionar
            }
        
        }
    
    </script>
Origen Enlace
Vick Muñoz
  • 2.9k
  • 1
  • 10
  • 19

Puedes hacer una función de JS, cualquier duda no dudes en preguntar, espero te funcione.

<select name="sexo" id="sexo" onchange="mostrar()"><!--agregamos la función al atributo onchange para que se ejecute cada que cambies el valor.-->
            <option disabled selected>Selecciona el sexo</option>
            <?php 
                            if ($result_sexo > 0) 
                            {
                                while ($sexo = mysqli_fetch_array($query_sexo)) {
                        ?>
            <option value="<?php echo $sexo[" cod_sexo "]; ?>">
              <?php echo $sexo["descripcion_sexo"];?>
            </option>

            <?php               
                                }
                            }

                        ?>
          </select>

<script>
        function mostrar(){
        
        var sexo = document.getElementById('sexo').value;
        var divCastrado = document.getElementById('castrados');
        var selectCastrado = document.getElementById('castrado');
        
        if(sexo == 'HEMBRA'){
        
        divCastrado.style.display='none'; //ocultamos el div
        selectCastrado.removeAttribute('required',''); // removemos el atributo required ya que estamos ocultando pero al dar submit el campo estará vació y te marcará error 
        
        }else{
        
        divCastrado.style.display = 'block'; //mostramos nuevamente el div ya que será 'Macho'
        selectCastrado.setAttribute('required','');//Agregamos el atributo required para que no se pase por alto el campo
        selectCastrado.disabled='false'; //cambiamos el atributo disabled por false para que pueda seleccionar
        }
    
    }

</script>