Изменить текстовое поле после выбора выпадающего меню (несколько форм на 1 странице)

0

Я хочу изменить значение <p> после выбора опции из раскрывающегося списка. У меня есть работа, но проблема в том, что у меня будет много форм на одной странице, и я чувствую, что повторяю свой код. Есть ли способ сделать это с помощью функции, например? Чтобы сохранить меня, создавая новый раздел javascript каждый раз, когда форма добавляется на мою страницу?

Мой javascript-код:

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

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

Благодарю.

Теги:
forms

1 ответ

0
Лучший ответ

Добавление data-element-id атрибут каждого select, как:

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

то вам просто нужен этот код jQuery:

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

Если вы хотите избежать дополнительного атрибута, вы можете использовать функции перемещения JQuery DOM, чтобы найти, какой p вы должны обновить.

  • 0
    Отлично! Благодарю.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню