javascript - 选定的下拉框值不会更改 laravel 5 中的另一个字段值

Question

我想将隐藏输入字段值设置为选定的下拉框值。这是我的隐藏字段代码和投递箱代码。

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


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

下面是我的jquery。

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

    });

});

但作为隐藏字段值，它不会设置该值。这是为什么？

Answer 1

a您正在引用一个 ID 为“type”的元素，但您没有任何 ID。

将类型 ID 添加到您的选择框中。

<小时/>

试试这个:

{!! Form::hidden('type', null, array('id' => 'color')); !!}

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

<小时/>

Laravel 5 FormBuilder API Documentation

Further reading