Javascript 选择下拉列表后更改文本字段（一页上有多个表单）

我希望在选择下拉列表中的选项后更改

标记的值。我有工作，但我的问题是，我将在一个页面上有很多表单，感觉我在重复我的代码。例如，有没有一种方法可以通过函数来实现这一点？为了节省每次表单添加到我的页面时编写新的javascript部分

我的javascript代码：

    $('.orderProduct select#packageOption').change(function(){
        $('#packagePrice').html($(this).val());
    });

    $('.orderProduct2 select#packageOption').change(function(){
        $('#packagePrice2').html($(this).val());
    });

---

谢谢。

为每个

选择
添加
数据元素id
属性，如：

<select data-element-id="packagePrice">...</select>
<select data-element-id="packagePrice2">...</select>

如果想要避免额外的属性，可以使用jQuery的DOM遍历函数来定位应该更新的
p

$('select[data-element-id]').change(function(){
    var $this = $(this);
    var id = $this.data('element-id');    
    $('#' + id).html($this.val());
});