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

Question

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

我想为第一个“订单名称”输入字段指定“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()不是值

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