Я хочу изменить значение <p>
после выбора опции из раскрывающегося списка. У меня есть работа, но проблема в том, что у меня будет много форм на одной странице, и я чувствую, что повторяю свой код. Есть ли способ сделать это с помощью функции, например? Чтобы сохранить меня, создавая новый раздел javascript каждый раз, когда форма добавляется на мою страницу?
Мой javascript-код:
$('.orderProduct select#packageOption').change(function(){
$('#packagePrice').html($(this).val());
});
$('.orderProduct2 select#packageOption').change(function(){
$('#packagePrice2').html($(this).val());
});
Благодарю.
Добавление 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
вы должны обновить.