Как вернуть данные в HTML поле с JavaScript -- javascript поле с участием html пол Связанный проблема

How to return data to html field with javascript


0
vote

проблема

русский

У меня есть различные текстовые поля с кнопками рядом с каждым в сетке. Когда я нажимаю кнопку, он возвращает значение в текстовое поле рядом с ним. Проблема заставляет его знать, какое текстовое поле для возврата данных к. В настоящее время у меня есть настройки, чтобы пройти параметр с функцией, которая помещается в скрытое поле, и оператор выключателя проверяет это поле, чтобы узнать, какое поле отправляет данные обратно.

Работает, но кажется, что я должен быть в состоянии сделать это с большим меньшим кодом, и что-то, что не так статически запрограммировано (я не хочу вручную обновлять оператор коммутатора при добавлении новых полей для форма). Я надеюсь, что есть простой ответ, я новичок в программировании и ничего сложного, я не пойму.

Упрощенный пример того, что у меня есть, это:

 <код> <form action="#" name="testForm">     <input type="text" name="input1" size="20">     <input type=button value="get data" onClick="populateField(1)"/>     <br>     <input type="text" name="input2" size="20">     <input type=button value="get data" onClick="populateField(2)"/>     <br>     <input type="text" name="input3" size="20">     <input type="button" value="get data" onClick="populateField(3)"/>     <br>     <input type="text" name="lineID" size=1 style="display:none"/> </form>  <script>     function populateField(input) {         document.testForm.lineID.value = input;         var element = document.getElementById("lineID");         var lineID = element.value;         switch (lineID) {             case "1":                 document.testForm.input1.value = "some value";                 break;             case "2":                 document.testForm.input2.value = "some value";                 break;             case "3":                 document.testForm.input3.value = "some value";             //etc         }     } </script>   

вместо отдельного случая для каждого <код> "document.testForm.input#.value" , как я могу использовать переменную для замены <код> "input#" ?

Английский оригинал

I've got various text fields with buttons beside each in a grid. When I click a button, it returns a value to a text field beside it. The problem is making it know which text field to return the data to. I've currently got it set up to pass a parameter with the function which is put into a hidden field, and a switch statement checks that field in order to know which field to send the data back to.

It works, but it seems like I should be able to do this with a lot less code, and something that isn't so statically programmed (I don't want to manually update the switch statement when I add new fields to the form). I hope there's a simple answer, I'm new to programming and anything complex I won't understand.

A simplified example of what I've got is this:

<form action="#" name="testForm">     <input type="text" name="input1" size="20">     <input type=button value="get data" onClick="populateField(1)"/>     <br>     <input type="text" name="input2" size="20">     <input type=button value="get data" onClick="populateField(2)"/>     <br>     <input type="text" name="input3" size="20">     <input type="button" value="get data" onClick="populateField(3)"/>     <br>     <input type="text" name="lineID" size=1 style="display:none"/> </form>  <script>     function populateField(input) {         document.testForm.lineID.value = input;         var element = document.getElementById("lineID");         var lineID = element.value;         switch (lineID) {             case "1":                 document.testForm.input1.value = "some value";                 break;             case "2":                 document.testForm.input2.value = "some value";                 break;             case "3":                 document.testForm.input3.value = "some value";             //etc         }     } </script> 

Instead of a separate case for every "document.testForm.input#.value", how can I use the variable to substitute for the "input#"?

</div
     

Список ответов

3
 
vote
vote
Лучший ответ
 

Используйте нотацию кронштейна:

 <код> document.testForm['input' + lineID].value   
 

Use bracket notation:

document.testForm['input' + lineID].value 
</div
 
 

Связанный проблема

3  Как перенаправить, если JavaScript отключен в Masterpage asp.net mvc  ( How to redirect if javascript is disabled in asp net mvc masterpage ) 
У меня есть шестерня, на которую я хочу проверить, не отключил, что пользователь отключил свой JavaScript, затем перенаправляйтесь на простой <код> error.aspx...

0  Анимация холста, проблема с расчетами математики в моем коде JavaScript  ( Canvas animation issue with math calculations in my javascript code ) 
<Сильная> идея: Привет, это мой первый эксперимент с холстом анимацией. Я не уверен, что эта концепция уже существует, но я назвал мою версию «Двухугосудар...

1  Невозможно заменить переменную в корпусе JSON в Postman  ( Unable to replace variable in json body in postman ) 
У меня есть ситуация, в которой A для петли должен работать в скрипте предварительного запроса и должен сохранить значение. Тот же набор значений следует испо...

0  По какой-то причине мой нижний колонтитул не очень мобильный  ( For some reason my footer isnt very mobile friendly ) 
90% моего веб-сайта мобильнее (все равно размера), но по какой-то причине мой нижний колонтитул в основном полностью отрезан на мобильном телефоне. То, как ...

1  Изолированные Директива охвата с двусторонним связыванием не отражает изменения в объеме контроллера  ( Isolated scope directive with two way binding doesnt reflect changes in control ) 
<Сильное> Сводка: При попытке изменить переменную область (массив), которая была установлена ​​для двухстороннего привязки данных в пределах выделенной дир...

1  Поток данных в реальном времени на веб-страницу  ( Stream realtime data to web page ) 
Я работаю над проектом, где мы хотим отслеживать данные на канале Comm и предоставить обратную связь на веб-страницу. Данные будут прочитаны процессом, работа...

-8  Как автоматически форматировать пользовательский ввод 4 цифры до последних 2 цифр  ( How to automatically format user input 4 digits to last 2 digits ) 
У меня есть текстовое поле срок действия к кредитным картам, который пользователь, способный ввести 4 цифры, но я хочу автоматически форматировать ввод пользо...

1  Расширение фона с помощью JavaScript  ( Extending a background using javascript ) 
У меня есть страница, которая выглядит так <код> ----------------------------------- | ************* | | ************* ...

0  Переменные доступа в разных файлах HTML?  ( Access variables in different html files ) 
У меня есть 2 HTML-файлов, а 1 файл JS <код> index.html index1.html main.js в <Код> main.js У меня есть глобальный объект, как следует следующим образ...

0  Как создать элемент DOM в другой шаблон?  ( How to create a dom element to another template ) 
У меня есть пример сценария. Короче говоря - если вы нажмете на «Добавить» создают ряд новых элементов, так как он был заполнен полями. Используемый ионный. Н...

1  JavaScript Canvas Image OnClick не работает  ( Javascript canvas image onclick not working ) 
Я не в состоянии получить событие DOM Image OnClick для работы. <код> ImageView0 Почему я не получаю сообщение журнала, когда я нажимаю на изображение. В...

2  Это хорошая идея до $ .post в Google Spreadsheet?  ( Is it a good idea to post to google spreadsheet ) 
Я пытаюсь разработать функцию в моей веб-странице, которая посылает данные как можно добраться до доступа к центральному репозиторию позже. Было бы здорово, е...

8  Узор для «Столбку общего» массива массивов  ( Pattern for column total of an array of arrays ) 
Я ищу шаблон, чтобы получить итоги для каждого N-Th элемента массивов. Концептуально это было бы похоже на получение итогов столбцов таблицы данных. <код> v...

13  Как перечислить все зарегистрированные события узла DOM с помощью JavaScript?  ( How to list all registered events of a dom node using javascript ) 
Я могу добавить или удалить обработчик событий для узла DOM. Можно ли выяснить все зарегистрированные обработчики событий данного узла DOM? Я имею в виду прям...

3  OnleftClick & OnrightClick JavaScript Функции  ( Onleftclick onrightclick javascript functions ) 
В моем боковом коде сервера я динамически строим таблицу и именно сейчас я добавляю следующий код, чтобы обрабатывать Щелчок строки. <код> tr.Attributes.Add...

Связанный проблема

3  Как перенаправить, если JavaScript отключен в Masterpage asp.net mvc 
0  Анимация холста, проблема с расчетами математики в моем коде JavaScript 
1  Невозможно заменить переменную в корпусе JSON в Postman 
0  По какой-то причине мой нижний колонтитул не очень мобильный 
1  Изолированные Директива охвата с двусторонним связыванием не отражает изменения в объеме контроллера 
1  Поток данных в реальном времени на веб-страницу 
-8  Как автоматически форматировать пользовательский ввод 4 цифры до последних 2 цифр 
1  Расширение фона с помощью JavaScript 
0  Переменные доступа в разных файлах HTML? 
0  Как создать элемент DOM в другой шаблон? 
1  JavaScript Canvas Image OnClick не работает 
2  Это хорошая идея до $ .post в Google Spreadsheet? 
8  Узор для «Столбку общего» массива массивов 
13  Как перечислить все зарегистрированные события узла DOM с помощью JavaScript? 
3  OnleftClick & OnrightClick JavaScript Функции