[Marts]

<script type='text/javascript'>
var arr=[
	{passport:"",organ:"",data:""},
	{passport:"11 12 675677",organ:"Кукуевский ГОВД",data:"12.05.2000"},
	{passport:"18 22 970734",organ:"Гадюкинский ГОВД",data:"22.09.1989"}
];
</script>
<select id="employees">
    <option>Сотрудник ...</option>
    <option>А. С. Сидоров</option>
    <option>В. П. Петров</option>
</select>
<input name="passport" />
<input name="organ" />
<input name="data" />
<script>
document.querySelector('#employees').addEventListener('change', function() {
    var d = arr[this.selectedIndex];
    for(var k in d) document.querySelector('[name="'+k+'"]').value = d[k];
})
</script>

Здравствуйте! Очень заинтересовался вашим примером! Я очень слаб ещё во всём этом, но учусь. Скажите, а что вы имеете ввиду под словами "вынести в отдельный файл" Мне надо создать отдельный файл, и что-то в него вписать? Или как-то путь указать? Я уже час пытаюсь расшифровать весь ваш пример

Прочитал эту статью https://javascript.ru/tutorial/foundation/start Вроде получается ваш пример использовать! Спасибо!

Вот только не могу понять, момента!
У меня есть страничка, где можно 2 формы заполнять
форма №1
ФИО
ТС
С/№
Компания

И
форма №2
ФИО
ТС
С/№
Компания

Что-бы можно выводить было 2 бланка на одной странице на печать. Для первой формы я справился и подключил ваш пример! А как подключить ещё ко второй? Что-бы данные брались так же из файлика .js ?

Думал сделать так, но когда выбираешь человека в первой форме из списка, данные подставляются сразу во вторую форму, а не в первую. А при выборе человека во второй форме, так же поставляется во вторую форму..

var arr=[
	{passport:"",organ:"",auto:"",fio:""},
	{passport:"5555 777777",organ:"ИП Александр",auto:"Додж к111кк 777",fio:"Повленко Павел Павлович"},
	{passport:"6666 666666",organ:"ИП Владимир",auto:"Додж к222кк 888",fio:"Сидеренко Сидор Сидорович"}
];

var arr=[
	{passport2:"",organ2:"",auto2:"",fio2:""},
	{passport2:"5555 777777",organ2:"ИП Александр",auto2:"Додж к111кк 777",fio2:"Повленко Павел Павлович"},
	{passport2:"6666 666666",organ2:"ИП Владимир",auto2:"Додж к222кк 888",fio2:"Сидеренко Сидор Сидорович"}
];

Рядом с первой формой я поместил и name="fio" | name="passport" | name="organ" | name="auto"

<select id="employees">
				<option>Клиент ...</option>
				<option>Павленко П.П</option>
				<option>Сидеренко .С.С</option>
			</select>
			<script>
			document.querySelector('#employees').addEventListener('change', function() {
			var d = arr[this.selectedIndex];
			for(var k in d) document.querySelector('[name="'+k+'"]').value = d[k];
			})
			</script>

Ко второй форме name="fio2" | name="passport2" | name="organ2" | name="auto2"

<select id="employees2">
				<option>Клиент ...</option>
				<option>Павленко П.П</option>
				<option>Сидеренко .С.С</option>
			</select>
			<script>
			document.querySelector('#employees2').addEventListener('change', function() {
			var d = arr[this.selectedIndex];
			for(var k in d) document.querySelector('[name="'+k+'"]').value = d[k];
			})
			</script>