Laravel 显示输入 (jQuery)答案

【问题标题】：Laravel show input (jQuery)Laravel 显示输入 (jQuery)
【发布时间】：2017-01-20 19:46:24
【问题描述】：

我有以下代码

    <div class="form-group">
        <select class="form-control" name="persons">
            <option value="1">{{Lang::get('user')}}</option>
            <option value="0">{{Lang::get('admin')}}</option>
        </select>
    </div>

如果选择 value = 1 的选项来显示这样的输入，我想要这样的东西

<div class="form-group">
                {{ Form::text('name','',['required', 'class'=>'form-control', 'placeholder'=>Lang::get('user_name')]) }}
            </div>

如果值为 0，则为其他

<div class="form-group">
                {{ Form::text('admin','',['required', 'class'=>'form-control', 'placeholder'=>Lang::get('admin_name')]) }}
            </div>

我是 Laravel 的新手，我不知道如何按值显示输入。

【问题讨论】：

我觉得你这里需要一些 Javascript
你在使用jQuery lib吗？
请使用 jQuery foe DOM 进程。这不是 laravel 问题

标签： javascript jquery html laravel

【解决方案1】：

实际上这是 DOM 问题

$('#persons').on('change', function(){
  var value = $(this).val();
  $('.form').find('div').addClass('hide');
if(value === 1){
 $('.form').find('.one').remove('hide')
 $('.form').find('.one').addClass('show')
}else{
    $('.form').find('.two').remove('hide')
 $('.form').find('.two').addClass('show')
}
});

enter code here

我做了例子。参考我更新代码

https://jsfiddle.net/channasmcs/5fmmLqax/

谢谢

参考更改 JQ jQuery select change show/hide div event

【讨论】：