Сообщение от рони
|
зачем усложнять, и оберните код в блоки с классом
|
<input type="text" name="weight" value="" />
<input type="text" name="price" value="" />
<select name="colour" required>
<option hidden value="">Выберите цвет</option>
<option value="Красный">Красный</option>
<option value="Бирюзовый">Бирюзовый</option>
<option value="Фиолетовый">Фиолетовый</option>
</select>
<script>
const data={
'Красный':20,
'Бирюзовый':70,
'Фиолетовый':40,
}
document.querySelector('select').addEventListener('change',e=>document.querySelector('input').value=data[e.target.value])
</script>
Как применить только для
<input type="text" name="price" value="" />