Question

我有以下代码

    <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的新人，我不知道如何按价值显示投入。

Answer 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

Laravel show输入（jQuery）

1 个答案: