Форум программистов, компьютерный форум, киберфорум
JavaScript
Форум программистов и сисадминов Киберфорум > Форум вебмастеров > JavaScript
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.52/29: Рейтинг темы: голосов - 29, средняя оценка - 4.52
1 / 1 / 3
Регистрация: 27.12.2012
Сообщений: 192
1

Заполнение полей формы

01.02.2014, 16:03. Показов 5957. Ответов 4
Метки нет (Все метки)
Author24 — интернет-сервис помощи студентам
При выборе подразделения организации, поля номера кабинета и телефона должны заполниться автоматически. Какие то наработки присутствуют, но не работоспособны.
Javascript
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130

<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title>Фаза №3</title>
<style type = "text/css">
@import url(style.css)
</style>
 
</head>
<script type="text/javascript">
var fields=[];
 
fields["podr_f"]="Название подразделения"
fields["num_f"] = "Номер кабинета"
fields["tel_f"] = "Номерт телефона"
 
function select_aud(aud_id)
{
    document.getElementById('podr_f').value = document.getElementById(aud_id).options[document.getElementById(aud_id).selectedIndex].value;
    document.getElementById('podr_f').style.display='none';
    document.getElementById('dk').style.display='none';
    document.getElementById('man').value='no';
    document.getElementById('num').value = document.getElementById(aud_id).options[document.getElementById(aud_id).selectedIndex].getAttribute('num');
    document.getElementById('tel').value = document.getElementById(aud_id).options[document.getElementById(aud_id).selectedIndex].getAttribute('tel');
    if(document.getElementById(aud_id).options[document.getElementById(aud_id).selectedIndex].value==' ')
     {
        document.getElementById('podr_f').style.display='block';
        document.getElementById('dk').style.display='block';
        document.getElementById('man').value='yes';
     }
}
</script>
<body>
<div class= "img1">
<img src = "01.jpg" />
</div>
<div class= "img2">
<img src = "02.jpg" />
</div>
<div class = "menu">
<a target = "_self" href = "index.php" style = "color: white">
Главная     &nbsp&nbsp</a>
<a target = "_self" href = "index2.php" style = "color: white">
Заполнение заявки  &nbsp&nbsp
Выполнено     &nbsp&nbsp
Наши специалисты   &nbsp&nbsp
Создатель     &nbsp&nbsp
О проекте      &nbsp&nbsp
</div>
<div class = "link1">
<p>Основные ресурсы</p>
<p>Поисковые ресурсы</p>
<ol>
<h1><li><a target = "_blank" href = "http://www.google.com">Google</a>
<li><a target = "_blank" href = "http://www.rambler.ru">Рамблер</a>
<li><a target = "_blank" href = "http://www.yandex.ru">Яндекс</a></h1>
</ol>
<p>Информационные ресурсы</p>
<ol>
<h1><li><a target = "_blank" href = "http://www.wikipedia.org">Википедия</a>
<li><a target = "_blank" href = "http://www.translate.google.ru">Переводчик</a>
<li><a target = "_blank" href = "http://orthography.morphology.ru">Проверка правописания</a></h1>
</ol>
</div>
<div class = "link2">
<p>Ресурсы</p>
<p>Социальные ресурсы</p>
<ol>
<h1><li><a target = "_blank" href = "https://ru-ru.facebook.com">Facebook</a>
<li><a target = "_blank" href = "http://www.instagram.com">Instagram</a>
<li><a target = "_blank" href = "https://twitter.com">Twitter</a></h1>
</ol>
<p>Новостные ресурсы</p>
<ol>
<h1><li><a target = "_blank" href = "http://ria.ru">РИА Новости</a>
<li><a target = "_blank" href = "http://www.rbc.ru">РБК</a>
<li><a target = "_blank" href = "http://lenta.ru">Лента.ру</a></h1>
</ol>
<p>Развлечения</p>
<ol>
<h1><li><a target = "_blank" href = "http://www.youtube.com/">YouTube</a>
<li><a target = "_blank" href = "http://music.yandex.ru">Музыка</a>
<li><a target = "_blank" href = "http://www.kinopoisk.ru">Кино</a></h1>
</ol>
</div>
<div class = "content1">
<div align = "center">
<form name = "form1" action = "test.php" method = "get" onsubmit = "return dalidate_form(this.form)">
<table border = "1" width = "45%" bgcolor = "#ffffff" valign = "top">
<caption><b>Заполните форму ниже и нажмите кнопку "Отправить"</b></caption>
<tr>
<td nowrap>Подразделение:</td><td>
<select name = "age" size = "1" id = "age" onchange = "select_aud('age');">
<option value = "1"></option>
<option value = "2" num = '212' tel = '778245'>Общий отдел</option>
<option value = "3">Управление кадров</option>
<option value = "4">Управление экономики и финансов</option>
<option value = "5">Управление бухгалтерского учета и контроля</option>
<option value = "6">Управление довузовского образования</option>
<option value = "7">Управление международной и инновационной деятельности</option>
<option value = "8">Правовое управление</option>
<option value = "9">Управление информатизации</option>
<option value = "10">Служба комплексной безопасности</option>
<option value = "11">Управление организации закупок и материально-технического снабжения</option>
<option value = "12">Управление обеспечения качества образования</option>
<option value = "13">Управление корпоративных коммуникаций</option>
<option value = "14">Учебное управление</option>
<option value = "15">Управление научных исследований</option>
<option value = "16">Ученый совет</option>
<option value = "17">Служба связи</option>
<option value = "18">Кино-концертный зал</option>
</select>
</td><br>
<tr>
<td>Номер кабинета:</td><td><input type = "text" id = "podr" name = "podr_f" required>
</td><br>
<tr>
<td>Номер телефона:</td><td><input type = "text" id = "tel" name = "tel_f" required>
</td><br>
<tr>
<td>Описание проблемы:</td><td><textarea name = "message" rows = "3" cols = "56" placeholder = "Принтер не печатает" onfocus = "placeholder = '';" onblur = "placeholder = 'Принтер не печатает';"></textarea></td><br>
<tr>
<td colspan = "2" align = "center"><input type = "reset" value = "Сбросить все">
<input type = "submit" value = "Отправить" name = "Submit" onClick = "return Formdata(this.form)"></td>
</table>
</form></div>
</div>
</body>
</html>
0
Лучшие ответы (1)
Сообщение: #5726522
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
 01.02.2014, 16:03
Ответы с готовыми решениями:

Заполнение полей формы на другой странице
Такая проблема. есть 2 html страницы. нужно считать значение текстового поля с первой страницы и...

Автоматическое заполнение полей
Есть проблемка: На форме есть textbox1 в котором есть текст, по кнопке я перехожу на какую-то...

Заполнение полей на пустоту
Необходимо сделать проверку полей на заполнение. форма &lt;script src=1.js&gt;&lt;/script&gt; &lt;form...

Заполнение полей случайным значением
задача заключается в том, что бы поле &lt;input&gt; заполнить рандомно одним из 4 чисел...

4
74 / 71 / 37
Регистрация: 10.09.2011
Сообщений: 169
01.02.2014, 17:42 2
Арти7030, такое ощущение, что этот код писался наобум.
Javascript
1

document.getElementById('podr_f')
Нет на странице элемента с id = "podr_f". Есть только с name = "podr_f". id у него - "podr". Исходя из этого:
Javascript
1

document.getElementById('podr')
писать надо.
Javascript
1
2
3

document.getElementById('dk').style.display='none';
document.getElementById('man').value='no';
document.getElementById('num').value = document.getElementById(aud_id).options[document.getElementById(aud_id).selectedIndex].getAttribute('num');
На странице нет элементов с id "num", "man", "dk". Эти строки не имеют смысла, а потому требуют удаления. Если вы создали их, что называется "на потом" - за комментируйте их. Потому что когда на странице нет элемента с таким id - возникает ошибка и прерывается работа всей функции. Иными словами, даже если после ошибки будет верный код, воспроизведен он не будет.
Аналогично эти строки:
Javascript
1
2

document.getElementById('dk').style.display='block';
document.getElementById('man').value='yes';
При данных исправлениях код работоспособен. Но всё равно - написано ужасно, откровенно говоря. Хотя бы взять:
HTML5
1

<select name = "age" size = "1" id = "age" onchange = "select_aud('age');">
и:
Javascript
1

document.getElementById(aud_id)
Зачем вы передаете в функцию лишь id, когда можно передать весь элемент?
Иными словами:
HTML5
1

<select name = "age" size = "1" id = "age" onchange = "select_aud(this);">
И из скрипта уже не так обращаться:
Javascript
1

if(document.getElementById(aud_id).options[document.getElementById(aud_id).selectedIndex].value==' ')
А вот так:
Javascript
1

if(aud_id.options[aud_id.selectedIndex].value==' ')
0
1 / 1 / 3
Регистрация: 27.12.2012
Сообщений: 192
01.02.2014, 19:43  [ТС] 3
Rashiran, все исправления сделал, но поля телефона и кабинета пусты.
0
74 / 71 / 37
Регистрация: 10.09.2011
Сообщений: 169
01.02.2014, 22:06 4
Лучший ответ Сообщение было отмечено Арти7030 как решение

Решение

Арти7030, код такой получился?
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125

<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title>Фаза №3</title>
<style type = "text/css">
@import url(style.css)
</style>
 
</head>
<script type="text/javascript">
var fields=[];
 
fields["podr_f"]="Название подразделения"
fields["num_f"] = "Номер кабинета"
fields["tel_f"] = "Номерт телефона"
 
function select_aud(aud_id)
{
    document.getElementById('podr').value = aud_id.options[aud_id.selectedIndex].value;
    document.getElementById('podr').style.display='none';
    document.getElementById('tel').value = aud_id.options[aud_id.selectedIndex].getAttribute('tel');
    if(aud_id.options[aud_id.selectedIndex].value==' ')
     {
        document.getElementById('podr').style.display='block';
     }
}
</script>
<body>
<div class= "img1">
<img src = "01.jpg" />
</div>
<div class= "img2">
<img src = "02.jpg" />
</div>
<div class = "menu">
<a target = "_self" href = "index.php" style = "color: white">
Главная        &nbsp&nbsp</a>
<a target = "_self" href = "index2.php" style = "color: white">
Заполнение заявки  &nbsp&nbsp
Выполнено      &nbsp&nbsp
Наши специалисты   &nbsp&nbsp
Создатель      &nbsp&nbsp
О проекте      &nbsp&nbsp
</div>
<div class = "link1">
<p>Основные ресурсы</p>
<p>Поисковые ресурсы</p>
<ol>
<h1><li><a target = "_blank" href = "http://www.google.com">Google</a>
<li><a target = "_blank" href = "http://www.rambler.ru">Рамблер</a>
<li><a target = "_blank" href = "http://www.yandex.ru">Яндекс</a></h1>
</ol>
<p>Информационные ресурсы</p>
<ol>
<h1><li><a target = "_blank" href = "http://www.wikipedia.org">Википедия</a>
<li><a target = "_blank" href = "http://www.translate.google.ru">Переводчик</a>
<li><a target = "_blank" href = "http://orthography.morphology.ru">Проверка правописания</a></h1>
</ol>
</div>
<div class = "link2">
<p>Ресурсы</p>
<p>Социальные ресурсы</p>
<ol>
<h1><li><a target = "_blank" href = "https://ru-ru.facebook.com">Facebook</a>
<li><a target = "_blank" href = "http://www.instagram.com">Instagram</a>
<li><a target = "_blank" href = "https://twitter.com">Twitter</a></h1>
</ol>
<p>Новостные ресурсы</p>
<ol>
<h1><li><a target = "_blank" href = "http://ria.ru">РИА Новости</a>
<li><a target = "_blank" href = "http://www.rbc.ru">РБК</a>
<li><a target = "_blank" href = "http://lenta.ru">Лента.ру</a></h1>
</ol>
<p>Развлечения</p>
<ol>
<h1><li><a target = "_blank" href = "http://www.youtube.com/">YouTube</a>
<li><a target = "_blank" href = "http://music.yandex.ru">Музыка</a>
<li><a target = "_blank" href = "http://www.kinopoisk.ru">Кино</a></h1>
</ol>
</div>
<div class = "content1">
<div align = "center">
<form name = "form1" action = "test.php" method = "get" onsubmit = "return dalidate_form(this.form)">
<table border = "1" width = "45%" bgcolor = "#ffffff" valign = "top">
<caption><b>Заполните форму ниже и нажмите кнопку "Отправить"</b></caption>
<tr>
<td nowrap>Подразделение:</td><td>
<select name = "age" size = "1" id = "age" onchange = "select_aud(this);">
<option value = "1"></option>
<option value = "2" num = '212' tel = '778245'>Общий отдел</option>
<option value = "3">Управление кадров</option>
<option value = "4">Управление экономики и финансов</option>
<option value = "5">Управление бухгалтерского учета и контроля</option>
<option value = "6">Управление довузовского образования</option>
<option value = "7">Управление международной и инновационной деятельности</option>
<option value = "8">Правовое управление</option>
<option value = "9">Управление информатизации</option>
<option value = "10">Служба комплексной безопасности</option>
<option value = "11">Управление организации закупок и материально-технического снабжения</option>
<option value = "12">Управление обеспечения качества образования</option>
<option value = "13">Управление корпоративных коммуникаций</option>
<option value = "14">Учебное управление</option>
<option value = "15">Управление научных исследований</option>
<option value = "16">Ученый совет</option>
<option value = "17">Служба связи</option>
<option value = "18">Кино-концертный зал</option>
</select>
</td><br>
<tr>
<td>Номер кабинета:</td><td><input type = "text" id = "podr" name = "podr_f" required>
</td><br>
<tr>
<td>Номер телефона:</td><td><input type = "text" id = "tel" name = "tel_f" required>
</td><br>
<tr>
<td>Описание проблемы:</td><td><textarea name = "message" rows = "3" cols = "56" placeholder = "Принтер не печатает" onfocus = "placeholder = '';" onblur = "placeholder = 'Принтер не печатает';"></textarea></td><br>
<tr>
<td colspan = "2" align = "center"><input type = "reset" value = "Сбросить все">
<input type = "submit" value = "Отправить" name = "Submit" onClick = "return Formdata(this.form)"></td>
</table>
</form></div>
</div>
</body>
</html>
0
1 / 1 / 3
Регистрация: 27.12.2012
Сообщений: 192
02.02.2014, 14:16  [ТС] 5
Ошибка была в
HTML5
1

onchange = "select_aud('this');"
this в кавычках стоял и удалил строчку
Javascript
1

document.getElementById('podr').style.display='none';
из-за неё не заполнялось поле номера кабинета. Спасибо за время потраченное на исправления моих ошибок.
0
02.02.2014, 14:16
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
 02.02.2014, 14:16
Помогаю со студенческими работами здесь

Вопрос по JavaScript (проверка на заполнение полей)
Здравствуйте. Сразу прошу прощения за, скорее всего, глупый вопрос, но в ЯваСкрипте все что знаю...

Заполнение полей формы
Здравствуйте, добрые люди! Появилась интересная задачка, с которой пока не знаю как справиться....

Авто заполнение похожих полей формы
Здравствуйте. В Js, jQuery я новичок, но поставлена задача и надо ее решить, с чем к Вам и...

Размножение полей формы - увеличить количество полей
Есть известный код (дабы не писать длиннющий код - дам ссылку) ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru