使用 jQuery 将具有特定类的所有输入值更改为变量

Question

我正在尝试获取表单中的第一个“订单名称”字段，以使用 Laravel 中的刀片模板自动填写表单其他页面上的其他“订单名称”字段。该表格将根据订单分为不同的人，因此联系信息需要在每个页面上。

我想给第一个“订单名称”输入字段一个“general_order_name”类，而整个表单中的其他名称字段为“order_name”类。想法是“general_order_name”中的文本将被复制到一个变量中，然后放置在具有“order_name”类的所有输入中，但由于某种原因它不起作用。

如果有人能指出我哪里出错或解释如何解决这个问题，将不胜感激！谢谢！

HTML：

{{  Form::label('order_name', 'Order Name:')    }}
{{  Form::text('order_name', null,
    array('class' => 'general_order_name')) }}

{{  Form::label('page_name', 'Order Name:') }}
{{  Form::text('page_name', null,
    array('class' => 'order_name'))      }} 

JS：

    $(document).on("change", ".general_order_name", function(){
    var order_name = $(this).value();
    $('.order_name').value(order_name);
}); 

Answer 1

jQuery 使用 val() 而不是 value

$(document).on("change", ".general_order_name", function(){
    var order_name = $(this).val();
    $('.order_name').val(order_name);
});