Заполненить 3 input а из одной кнопки

203

27 июня 2017, 21:44

Прошлый раз задавал подобный вопрос на что участник этого сообщества , наш друг Igor дал верный ответ.

function addTextToInput(anElement) { 
  var text = document.getElementById('jaloby').value; 
  if (text != "") 
    text += ","; 
  text += anElement.innerText; 
  document.getElementById('jaloby').value = text; 
}

<input id="jaloby" /> 
<input id="obekt" /> 
<input id="diagnoz" /> 
<br/> 
<button type="button" onclick="addTextToInput(this)">1</button> 
<button type="button" onclick="addTextToInput(this)">2</button> 
<button type="button" onclick="addTextToInput(this)">3</button>

С вышеописанного кода видно что кнопки заполняют value поля с айдишником jaloby. А теперь встала задача чтоб они заполнили одновременно все три поля которые есть. Как можно указать js чтоб он заполнял все три поля в моем случаи. Пробовал всякую всячину не помогло так как с js не дружу к сожалению (

Answer 1

function addTextToInputs(anElement) { 
  [jaloby, obekt, diagnoz].forEach(input => { 
      let text = input.value; 
      if (text) 
        text += ","; 
      text += anElement.innerText; 
      input.value = text; 
  }); 
}

<input id="jaloby" /> 
<input id="obekt" /> 
<input id="diagnoz" /> 
<br/> 
<button type="button" onclick="addTextToInputs(this)">1</button> 
<button type="button" onclick="addTextToInputs(this)">2</button> 
<button type="button" onclick="addTextToInputs(this)">3</button>