<!DOCTYPE html>
<html>
<head>
<title>example</title>
</head>
<body>
<ul class="writetous__list">
<li class="writetous__item">
<a class="fancybox writetous__link" href="#write-to-us">Александр Иванов</a>
<span class="writetous__position">Директор</span>
</li>
<li class="writetous__item">
<a class="fancybox writetous__link" href="#write-to-us">Наталья Колобашкина</a>
<span class="writetous__position">Административный помощник директора</span>
</li>
</ul>
<form>
<select>
<option> Александр Иванов </option>
<option> Наталья Колобашкина </option>
<option> Ольга Маркова </option>
<option> Андрей Дюкар </option>
<option> Светлана Пашаева </option>
<option> Алексей Костенко </option>
<option> Александр Ефремов </option>
<option> Ольга Сорокина </option>
<option> Марина Соснина </option>
<option> Юлия Усачева </option>
</select>
</form>
<script>
var select = document.querySelector('select');
Array.prototype.forEach.call(document.querySelectorAll('li'), function (ths)
{
ths.onclick = function ()
{
select.value = this.children[0].innerHTML;
}
});
</script>
</body>
</html>