Есть селект в котором выведены свойства объекта, нужно что бы в зависимости от выбранного свойства выводилось его значение. Не знаю в чем проблема, возможно объект не правильно структурирован, объекты только недавно начал изучать... Вот код:
var ah = {
40: 8,
45: 10,
50: 11,
55: 12,
60: 14,
65: 15,
70: 16,
75: 16,
85: 17,
90: 18,
95: 19,
100: 20,
110: 21,
120: 25,
132: 30,
140: 32,
190: 42,
200: 44,
210: 46,
220: 48,
230: 50,
}
Object.keys(ah).forEach((item) => {
$('#select-ah').append('<option value="' + item + '">' + item + '</option>');
$('#select-ah').change(function() {
var op = $(this).val();
if (op) {
$('#res1').html('');
var op1 = ah[op];
Object.keys(op1).forEach(function(item) {
$('#res1').append($("<span></span>").attr("value", item).text(item));
});
} else {
$('#res1').html('<span>Результат</span>');
}
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="select-ah">
<option>Выберите емкость (A/ч)</option>
</select>
</div>
<div class="block__val" style="display:flex;justify-content: center;width:35%;">
<span class="btn-btn1" id="minus">-</span>
<input type="text" value="1" style="text-align: center;border-radius: 0px;" id="val1">
<span class="btn-btn1" id="plus">+</span>
</div>
</div>
<div class="price-itog">
<p style="margin-top: 47px; color:#2E0648;">Стоимость: <span id="res1"></span></p>
</div>