Приведенный ниже скрипт считает массив и отображает его в элементе span. Я ищу способ сделать это с несколькими значениями и отобразить счетчик во втором раскрывающемся списке. в этом примере это будут значения standard
и helskap
. Наиболее идеальным способом было бы сохранить значение из первой выпадающей кнопки и добавить второе значение. Какой лучший способ сделать это?
productList.Lockers.forEach(o => $('#' + o.model).siblings('span').text((i, t) => (parseInt(t, 10) || 0) + 1));
var productList = {
Lockers: [{
"model": "halvskap",
"modelname": "Halvskåp",
"type": "Standard",
"typename": "Standard",
"family": "Berlin"
}, {
"model": "helskap",
"modelname": "Helskåp",
"type": "Standard",
"typename": "Standard",
"family": "Copenhagen"
}, {
"model": "helskap",
"modelname": "Helskåp",
"type": "Parskap",
"typename": "Parskap",
"family": "Copenhagen"
}, {
"model": "smafackskap",
"modelname": "Småfackskåp",
"type": "Standard",
"typename": "Standard",
"family": "Filippa"
}]
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="dropdown">
<div>
<input type="radio" name="model" id="halvskap" value="halvskap">
<label>Halvskåp</label>
(<span>0</span>)
</div>
<div>
<input type="radio" name="model" id="helskap" value="helskap">
<label>Helskåp</label>
(<span>0</span>)
</div>
<div>
<input type="radio" name="model" id="smafackskap" value="smafackskap">
<label>Småfackskåp</label>
(<span>0</span>)
</div>
<div>
<input type="radio" name="model" id="zskap" value="zskap">
<label>Z-skåp</label>
(<span>0</span>)
</div>
</div>
<div class="dropdown Helskap">
<div id="Standard">
<input type="radio" name="type" id="Standard" value="Standard">
<label>Standard</label>
(<span>0</span>)
</div>
</div>