- 13, May 2024
- #1
Нужна помощь с Javascript, я пытаюсь заполнить все текстовые поля именем файла из входного файла. Заполнен только один текстовый ввод. Заранее спасибо:
Код (разметка):
<html>
<head>
<title>Untitled Document</title>
<meta charset="utf-8">
</head>
<body>
<form>
<input type="file" id="fileinput"><br>
<input type="text" id="textinput_1" class="countme"><br>
<input type="text" id="textinput_2" class="countme"><br>
<input type="text" id="textinput_3" class="countme"><br>
<input type="text" id="textinput_3" class="countme">
</form>
<script>
const countAll = document.querySelectorAll('.countme').length; // Count elements
console.log(countAll); // 3
for (let i = 1; i < countAll; i++) {
const textinput = document.getElementById('textinput_' + i); // textinput_1, textinput_2, etc
document.getElementById('fileinput').oninput = function() {
textinput.value = document.getElementById('fileinput').files[0].name;
}
}
</script>
</body>
</html>
Код (разметка):
