Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/6: Рейтинг темы: голосов - 6, средняя оценка - 5.00
dmikramar
0 / 0 / 0
Регистрация: 02.05.2015
Сообщений: 2
1

Вывод опросника

02.05.2015, 21:46. Просмотров 1215. Ответов 4
Метки нет (Все метки)

Помогите с выводом опросника не алертом, а на страницу в div
PHP/HTML
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0042)[url]http://papermashup.com/demos/dynamic-form/[/url] -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
<title>опросник</title>
<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
 
 
var i = $('input').size() + 1;
 
$('#add').click(function() {
 
$('<div><input type="text" class="field" name="dynamic[]" ></div>').fadeIn('slow').appendTo('.inputs');
 
i++;
});
 
$('#remove').click(function() {
if(i > 1) {
$('.field:last').remove();
i--; 
}
});
 
$('#reset').click(function() {
while(i > 2) {
$('.field:last').remove();
i--;
}
});
 
 
// here's our click function for when the forms submitted
 
$('.submit').click(function(){
 
 
var answers = [];
    $.each($('.field'), function() {
        answers.push($(this).val()); 
    });
 
    if(answers.length == 0) { 
        answers = "none"; 
    }   
 
alert(answers);
 
return false;
 
});
 
 
 
});
 
</script>
 
<style>
input{
border:1px solid #ccc;
padding:8px;
font-size:14px;
width:300px;
}
 
.submit{
width:110px;
background-color:#FF6;
padding:3px;
border:1px solid #FC0;
margin-top:20px;} 
 
</style>
 
 
 
<body>
 
<div id="container">
 
<div class="dynamic-form">
 
<a href="#" id="add">Добавить</a> | <a href="#" id="remove">Удалить</a>  | <a href="#" id="reset">Сбросить</a>  
 
<form>
<div class="inputs">
<div>Введите вопрос: <input type="text" name="dynamic[]" class="field" value="Вопрос"></div>
</div>
<input name="submit" type="button" class="submit" value="ОК">
</form>
</div>
 
 
 
 
 
</div>
 
</body></html>
0
Лучшие ответы (1)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
02.05.2015, 21:46
Ответы с готовыми решениями:

Реализация опросника
Не знаю через какой контейнер реализовать хранение вопросов и ответов, может кто подскажет ,и часть...

Создание опросника
Здравствуйте! подскажите пожалуйста, как довести до ума свой опрос. На сайте он отображается...

Создание Опросника
Здравствуйте Уважаемые сисадмины и программисты! У меня есть к вам несколько вопросов: Мне нужно...

Создание опросника
Необходимо написать программу подобие опросника! смысл программы в следующем: на форме есть кнопка,...

Построения анкеты(опросника)
Добрый день) Есть форма с 2 вопросами: &lt;form&gt; &lt;h1&gt;Вопрос 1&lt;/h1&gt;&lt;br /&gt; &lt;input type=&quot;radio&quot;...

4
alpex
600 / 575 / 103
Регистрация: 16.07.2012
Сообщений: 1,761
03.05.2015, 12:37 2
на странице создаете div, например
HTML5
1
<div id="result"></div>
а в js вместо
Javascript
1
alert(answers);
пишите
Javascript
1
$('#result').html(answers);
0
dmikramar
0 / 0 / 0
Регистрация: 02.05.2015
Сообщений: 2
03.05.2015, 13:04  [ТС] 3
Я изменил код так как вы сказали, но теперь ничего не выводится.
PHP/HTML
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0042)[url]http://papermashup.com/demos/dynamic-form/[/url] -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
<title>опросник</title>
<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
 
 
    var i = $('input').size() + 1;
    
    $('#add').click(function() {
 
        $('<div><input type="text" class="field" name="dynamic[]" ></div>').fadeIn('slow').appendTo('.inputs');
 
        i++;
    });
    
    $('#remove').click(function() {
    if(i > 1) {
        $('.field:last').remove();
        i--; 
    }
    });
    
    $('#reset').click(function() {
    while(i > 2) {
        $('.field:last').remove();
        i--;
    }
    });
    
 
// here's our click function for when the forms submitted
    
    $('.submit').click(function(){
                                
    
    var answers = [];
    $.each($('.field'), function() {
        answers.push($(this).val()); 
    });
    
    if(answers.length == 0) { 
        answers = "none"; 
    }   
 
    $('#result').html(answers);
 
    
    return false;
                                
    });
    
    
 
});
 
</script>
 
<style>
input{
    border:1px solid #ccc;
    padding:8px;
    font-size:14px;
    width:300px;
    }
    
.submit{
    width:110px;
    background-color:#FF6;
    padding:3px;
    border:1px solid #FC0;
    margin-top:20px;}   
 
</style>
 
 
 
<body>
 
<div id="container">
 
<div class="dynamic-form">
 
<a href="#" id="add">Добавить</a> | <a href="#" id="remove">Удалить</a>  | <a href="#" id="reset">Сбросить</a>  
 
<form>
<div class="inputs">
<div>Введите вопрос: <input type="text" name="dynamic[]" class="field" value="Вопрос"></div>
</div>
<input name="submit" type="button" class="submit" value="ОК">
</form>
</div>
 
<div id="result"></div>
 
 
 
 
</div>
 
</body></html>
0
alpex
600 / 575 / 103
Регистрация: 16.07.2012
Сообщений: 1,761
03.05.2015, 14:40 4
должно все выводиться, внимательнее смотрите
0
fanatikus
1170 / 1138 / 535
Регистрация: 17.11.2012
Сообщений: 5,076
03.05.2015, 14:51 5
Лучший ответ Сообщение было отмечено dmikramar как решение

Решение

ПРИМЕР
1
03.05.2015, 14:51
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
03.05.2015, 14:51

Экспертный метод оценки - безопасности - создания опросника
подскажите, пожалуйста, как правильно создать/реализовать опросник - анкету для экспертной оценки...

Не знаю как реализовать ТЗ. Нужно написать конструктор опросника
Часть ТЗ состоит в следующем : в окне должна быть возможность создавать зависимые условия. Админ...

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


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru