Значение поля input из ссылки

312

03 мая 2017, 10:50

Добрый день. Есть много полей инпутов, каждая из них относиться к определенной категории. И есть много ссылок которые тоже распределены по категориям. Но вопрос в том что Как сделать так чтоб когда пользователь делает двойной клик по ссылке то его значение автоматически попадает в значение поля input. Может кто то где то видел подобный скрипт. Подскажите пожалуйста.

PS подобное я видел в стоматологической программе ident по моему называется. Но она десктопная а мне нужно браузерное решение. Спасибо

Найденный пример:

function getText(el) { 
  document.getElementById('field').value = el.firstChild.data; 
}

<input type="text" id="field" value=""> 
<br /> 
<a href="javascript:void(0)" onclick="getText(this)" id="text">Text</a> 
<br /> 
<a href="javascript:void(0)" onclick="getText(this)" id="text2">Text 2</a> 
<br /> 
<a href="javascript:void(0)" onclick="getText(this)" id="text3">Text 3</a>

Answer 1

Но как сделать чтоб при нажатии второй ссылки значение первой ссылки не "стиралось" а наборот значение второй ссылки добавлялось через запятую

Как-то так:

var values = []; 
 
function setValue(el) { 
  let textValue = el.firstChild.data; 
 
  var index = values.indexOf(textValue); 
  if (index !== -1) { 
      values.splice(index, 1); 
  } else { 
      values.push(textValue) 
  } 
   
  document.getElementById('field').value = values.join(', '); 
}

<input type="text" id="field" value=""> 
<br /> 
<a href="javascript:void(0)" onclick="setValue(this)" id="text">Text</a> 
<br /> 
<a href="javascript:void(0)" onclick="setValue(this)" id="text2">Text 2</a> 
<br /> 
<a href="javascript:void(0)" onclick="setValue(this)" id="text3">Text 3</a>