javascript - 从 laravel 5 中的下拉框中选择项目时，应更改隐藏的输入值

Question

这是我的投递箱，然后是隐藏箱。这些都在表单内。

 <tr>
     <td> <b>{!! Form::label('Types', 'Type') !!}</b></td>

     <td> {!! Form::select('type', array('type' => 'type','Orange' => 'Orange', 'Red' => 'Red','Green' => 'Green'), 'type') !!}</td>
</tr>

{!! Form::hidden('color') !!}

脚本位于表单后面。

<script>
    $(document).ready(function () {
        $('#type').on('change', function () {
            $('#color').val($(this).val());

        });

    });
</script>

执行后隐藏输入值变空。我哪里错了。请你帮我解决一下吗？

Answer 1

将您的代码更改为此

{!! Form::select('type', array('type' => 'type','Orange' => 'Orange', 'Red' => 'Red','Green' => 'Green'), 'type', ['id' => 'type']) !!}

并且您需要将隐藏字段更改为此

{!! Form::hidden('color', '', ['id' => 'color']) !!}

Laravel Form::select 只将名称添加到标签而不是 id。由于您的 jquery 是按 ID 选择的，因此您无法从选项框中获取值。