Вопрос: Как передать value с input одной формы, к другой input формы, по нажатию кнопки
Как передать value с input одной формы, к другой input формы, по нажатию кнопки
скрипт
| Код Javascript |
1
2
3
4
5
6
7
8
9
| function id_old_to_id_new (id_old, id_new)
{
var olds=document.getElementById(id_old).value;
var news=document.getElementById(id_new).value;
news.value=olds.value;
alert('Данные переданы!');
} |
|
код форм
| Код HTML5 |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
| <html>
<head>
<meta charset="UTF-8" />
<script src="script.js" ></script>
</head>
<body>
<h1 style="color: green" >FORM 1</h1>
<form id="form_1">
<input type="text" id="teg_1" placeholder="text input 1" name="teg_name_1" value="" />
<br />
<br />
<input type="text" id="teg_2" placeholder="text input 2" name="teg_name_2" value="" />
<br />
<br />
<input type="submit" id="button_1" onclick="id_old_to_id_new('teg_1','teg_3')" onclick="id_old_to_id_new('teg_2','teg_4')" name="button_name_1" value="Output!" />
</form>
<br />
<br />
<h1 style="color: green" >FORM 2</h1>
<form id="form_2">
<input type="text" id="teg_3" placeholder="text input 3" name="teg_name_3" value="" />
<br />
<br />
<input type="text" id="teg_4" placeholder="text input 4" name="teg_name_4" value="" />
<br />
<br />
<input type="submit" id="button_2" onclick="teg_list('input')" name="button_name_2" value="Output2!" />
<br /><br />
<h1 id="date_1" style="color: blue" ></h1>
<br /><br />
<h1 id="date_2" style="color: blue" ></h1>
</form>
</body>
</html> |
|
Проблема такая что по нажатию страница перезагружаеться, и данные введенные теряються
как решить проблему передать с одной формы, другой товарищи ?
Ответ: Связь простая две формы
я ввожу в два поля в одной
текст
| Код HTML5 |
1
2
3
4
5
6
| <input type="text" id="teg_1" placeholder="text input 1" name="teg_name_1" value="" />
<br />
<br />
<input type="text" id="teg_2" placeholder="text input 2" name="teg_name_2" value="" />
<input type="submit" id="button_1" onclick="id_old_to_id_new('teg_1','teg_3')" onclick="id_old_to_id_new('teg_2','teg_4')" name="button_name_1" value="Output!" /> |
|
и жму кнопку где прописан скрипт передачи
| Код Javascript |
1
2
3
4
5
6
7
| function id_old_to_id_new (id_old, id_new)
{
* * var olds=document.getElementById(id_old).value;
var news=document.getElementById(id_new).value;
news.value=olds.value;
*alert('Данные переданы!');
} |
|
в кнопке есть реакция где я ввожу эту функцию
| Код HTML5 |
1
| onclick="id_old_to_id_new('teg_1','teg_3')" onclick="id_old_to_id_new('teg_2','teg_4')" |
|
и должно по id
передать второй форме
Добавлено через 22 минуты
вот вторая форма , поля в котрые должны попасть данные с первой формы
по id
| Код HTML5 |
1
2
3
4
5
6
| <input type="text" id="teg_3" placeholder="text input 3" name="teg_name_3" value="" />
<br />
<br />
<input type="text" id="teg_4" placeholder="text input 4" name="teg_name_4" value="" />
<br />
<br /> |
|
Проблема такая , ввел данные в два поля , в первой форме, нажал на кнопку Output! первой формы
данные во вторую, в поля второй формы не передались
даже код скрипта был правильный , даже такого типа
| Код Javascript |
1
2
3
4
5
6
7
8
9
| function id_old_to_id_new (id_old, id_new)
{
var olds=document.getElementById(id_old).value;
document.getElementById(id_new).value=olds;
//news.value=olds.value;
alert('Данные переданы!');
} |
|
данные с поля старого id перелетали в новый id нового поля
но проблема в том что , только скрипт выполнил свою передачу
по нажатию выполнилась перезагрузка страницы
и данные потерялись (((((
Добавлено через 1 минуту
Проблема со скриптом , его надо улучшить , чтоб страница не перезагружалась
Удобный поиск информации с популярных форумов в одном месте