0

Estoy trabajando el laravel 5.5

Tengo esta lista en mi formulario, Los valores que muestra son FISICO y VIRTUAL:

{!! Form::mySelect('id_uso', 'Uso', App\Usos::pluck('nombre', 'id')->toArray(), null, ['class'=>'chosen']) !!}

y quisiera si se escoje en la lista el valor Fisico, se muestren los siguientes campos :

{!! Form::myInput('text', 'marca', 'Marca', ['required']) !!}
{!! Form::myInput('text', 'modelo', 'Modelo', ['required']) !!}
{!! Form::myInput('text', 'mac', 'Mac', ['required']) !!}
{!! Form::myInput('text', 'serial', 'Serial', ['required']) !!}

y en caso de que la opcion seleccionada sea VIRTUAL, se oculten.

Me parece que quedaria mejor si los pudiera cambiar a un Radiobutton, pero no tengo idea de como hacerlo.

Agradezco vuestra ayuda.

Feliz día.

EDIT:

Despues de la modificacion

Así es que como queda despues de la modificación.

2
  • primero debes capturar el value del select y dependiendo del valor mandas al input el atributo hidden
    – srJJ
    el 15 ago. 2018 a las 17:08
  • Tienes algun ejemplo con el que lo pueda aplicar ? Es que no lo entiendo.
    – Omar Noa
    el 15 ago. 2018 a las 19:27

1 respuesta 1

1

Debes identificar el evento cuando se cambie la opción seleccionada de tu lista y en base al valor seleccionado, ocultar/mostrar los campos.

Para el caso que mencionas, puedes agregar el atributo "id" a la lista de usos y poder identificarla dentro de tu página, por ejemplo:

{!! Form::mySelect('id_uso', 'Uso', App\Usos::pluck('nombre', 'id')->toArray(), null, ['id' => 'listaUsos', 'class'=>'chosen']) !!}

para el caso de los campos, como son varios elementos, puedes agregarles un atributo de clase personalizado, por ejemplo:

{!! Form::myInput('text', 'marca', 'Marca', ['required', 'class' => 'requerido-con-fisico']) !!}
{!! Form::myInput('text', 'modelo', 'Modelo', ['required', 'class' => 'requerido-con-fisico']) !!}
{!! Form::myInput('text', 'mac', 'Mac', ['required', 'class' => 'requerido-con-fisico']) !!}
{!! Form::myInput('text', 'serial', 'Serial', ['required', 'class' => 'requerido-con-fisico']) !!}

y agregar el siguiente código de jquery en tu página:

$(function() {
    $("#listaUsos").change(function(){
        if($("option:selected", this).text() == 'FISICO'){
            $(".requerido-con-fisico").show();
        }else{
            $(".requerido-con-fisico").hide();                
        }
    });
});

con esto, al cambiar la opción de la lista, si el texto es "FISICO", todos los elementos con la clase "requerido-con-fisico" se mostrarán en pantalla, en caso contrario se ocultarán.

Saludos.

12
  • Hola, te agradezco mucho por tu ayuda, Mira que agregue la funcion dentro de un campo script <script> $(function() { $("#listaUsos").change(function(){ if($("option:selected", this).text() == 'Fisico'){ $(".requerido-con-fisico").show(); }else{ $(".requerido-con-fisico").hide(); } }); }); </script> Pero no me los esconde cuando escojo el valor de la lista.
    – Omar Noa
    el 15 ago. 2018 a las 22:06
  • Debes incluir la librería de jquery. Si no la tienes, intenta agregando la siguiente línea a tu proyecto: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> Solo asegurate de agregarla antes de la función para ocultar/mostrar los campos, sino no funcionara. el 15 ago. 2018 a las 22:48
  • Hola buen día, Funciono a la perfección, Pero tengo 2 dudas, realizandole este cambio a los campos, cambiaron su longitud en la pantalla, hay alguna posibilidad de dejarla como estaba antes. Me explico, antes ese campo era largisimo, pero ahora, es como la 4ta parte. Y la otra pregunta es, Existe la posibilidad de esconder todo el campo como tal ? Porque con este cambio, se esconde el textbox, pero si quisiera que se escondiera tambien el nombre del campo. Te agradezco demasiado, así no mas me a funcionado de maravilla. Mil gracias nuevamente :)
    – Omar Noa
    el 16 ago. 2018 a las 13:43
  • Puedes mandar el ejemplo del código con el cual estas mostrando los nombres de los campos. el 16 ago. 2018 a las 14:36
  • En el form como tal de esta forma {!! Form::myInput('text', 'marca', 'Marca', ['class' => 'requerido-con-fisico']) !!}.
    – Omar Noa
    el 16 ago. 2018 a las 14:55

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.