Javascript 多项选择发生器
我必须做一个选择题练习生成器。顶部有一个ganerator，下面有一个显示区域，生成的测验应添加到显示区域。在下面，您可以看到我的代码，有人可以帮助我将此表单从生成器添加到显示区域吗Javascript 多项选择发生器,javascript,jquery,html,Javascript,Jquery,Html,我必须做一个选择题练习生成器。顶部有一个ganerator，下面有一个显示区域，生成的测验应添加到显示区域。在下面，您可以看到我的代码，有人可以帮助我将此表单从生成器添加到显示区域吗 <!DOCTYPE HTML> <html> <head> <meta charset = "UTF-8"> <title>Programming Project. 2015/2016</title> <style> .my-row
<!DOCTYPE HTML>
<html>
<head>
<meta charset = "UTF-8">
<title>Programming Project. 2015/2016</title>
<style>
.my-row {
width: 500px;
padding: 5px;
}
label {
margin-right: 5px;
}
.label-left {
text-align: right;
vertical-align: top;
}
.label-right {
text-align: left;
}
.error {
color: #cc0000;
}
.highlighted {
background-color: #ffffcc;
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function() {
$('#my_quest').submit(function(e) {
var my_errors = false;
$('.my-row > .error').remove();
$('.my-row').removeClass('highlighted');
$(':text').each(function() {
if ($(this).val() == '') {
$(this).parent().addClass('highlighted');
$(this).parent().append('<div class="error">Please provide a value</div>');
my_errors = true;
}
});
if (my_errors) {
return false;
}
else {
e.preventDefault();
if (!confirm('Do you really want to submit the form?')) {
return false;
}
}
$ ("#send").click(function() {
$ (".my-row").append("#displayArea")
});
});
});
</script>
</head>
<body>
<div id = "generator">
<form name="my_quest" id="my_quest" action="" method="post">
<h2>Quiz Generator</h2>
<div class = "my-row">
<label for = "question" class="label-left">Question: </label>
<input type = "text" name = "question" id = "question">
</div></br>
<div class = "my-row">
<label for = "correctAnswer" class = "label-left">Correct answer: </label>
<input type = "text" name = "correctAnswer" id="correctAnswer">
</div></br>
<div class = "my-row">
<label for = "incorrectAnswer" class = "label-left">Incorrect answer: </label>
<input type = "text" name = "incorrectAnswer" id = "incorrectAnswer">
</div></br>
<div class = "my-row">
<label for = "incorrectAnswer" class = "label-left">Incorrect answer: </label>
<input type = "text" name="incorrectAnswer" id = "incorrectAnswer">
</div></br>
<div class = "my-row">
<label for = "incorrectAnswer" class = "label-left">Incorrect answer: </label>
<input type = "text" name = "incorrectAnswer" id = "incorrectAnswer">
</div></br>
<div class="my-row">
<input type="submit" name="submit" id="submit" value="Submit Form">
</div>
</form>
</div>
<div id= "displayArea"></div>
<div><button id= "send">Send</button></div>
</body>
</html>
编程项目。2015/2016
.我的那一排{
宽度：500px；
填充物：5px；
}
标签{
右边距：5px；
}
.左标签{
文本对齐：右对齐；
垂直对齐：顶部；
}
.标签正确{
文本对齐：左对齐；
}
.错误{
颜色：#cc0000；
}
.突出显示{
背景色：#ffffcc；
$（文档）.ready（函数（）{
$（“#我的任务”）。提交（函数（e）{
var my_errors=false；
$（'.my row>.error'）.remove（）；
$（'.my row'）.removeClass（'highlighted'）；
$（'：text'）。每个（函数（）{
if（$（this.val（）=''）{
$（this.parent（）.addClass（'highlighted'）；
$（this.parent（）.append（'请提供一个值'）；
我的错误=正确；
}
});
如果（我的错误）{
返回false；
}
否则{
e、 预防默认值（）；
如果（！confirm（'您真的要提交表单吗？'））{
返回false；
}
}
$（“#发送”）。单击（函数（）{
$（“.my row”）.append（“#displayArea”）
});
});
});
测验生成器
问题:
正确答案：
回答不正确：
回答不正确：
回答不正确：
发送