Как менять параметры элемента, из массива в цикле?

Question

[Cheizer]

Есть массив var production = ['100','200','300','400'];
И есть два списка radio button. По переключению элементов первого списка, должны меняться параметры в элементах второго списка (в примере сам текст элемента).

Из массива production в цикле по событию change хочу подставить его данные во второй список элементов.
Массив работает, в консоль все распечатывает, а вот в список никак не могу подставить, что не так делаю?

Вот поднял свой ужос https://codepen.io/Cheizer/pen/ZPOOmW

Answer 1

[origami1024]

Вот еще вариант
https://codepen.io/origami1024/pen/PLzGGr

Comments

[Cheizer]

Благодарю! Разгадали мою задумку, тут я упростил для примера код, а так хотел как вы сделали примерно сделать.

Answer 2

[hzzzzl]

я чет не понял до конца что сделать надо ;Д

так?

var production = ['100','200','300','400'];

$("input[name='company']").change(function() {
  
document.querySelectorAll('.work-id span')
  .forEach((span, index) => span.textContent = production[index])

});

Comments

[hzzzzl]

$.each(production,function(index,value){
  console.log(this)   // <- смотри, это строки элементы массива productiion
  $(this).parent().find(".work-id span").each(function(el) {  // <- и они не будут parent чего-либо
  $(this).text(value);
});

[Cheizer]

hzzzzl, Благодарю!