Question

我正在尝试创建一个测验，让用户回答诸如姓名等问题。性别。我已经在html中使用了，但现在我想要它，以便当用户点击“提交”时，数据将被放入像邮件合并这样的段落中。

例如;

姓名：戴夫

性别：男性

点击提交并显示文字;

曾经有一个男性名为 Dave

到目前为止，我的表单代码是;

<form method= "get" action="Results.html" target="_blank">
  <input type="radio" name="sex" value="">Male<br>
  <input type="radio" name="sex" value="">Female<br>
  Name:<input type="text" name="" id="name"><br>
  <input type="submit" id="submit">
</form>

我甚至不知道我想要做什么是可能的，我所抬头的一切都无法开始工作。任何帮助将不胜感激，谢谢

修改的

我正在玩的一些jquery;

$(document).ready(function() {
  var text = '<p>Oh my god, I can't believe what<b>';
  text +=$('input[name=name] :checked').val();
  text +='</b>named<b>';
  var text = 'did last night. How do you get that drunk?';
  text += '</b></p>';
  $('#results').append(text);
});

Answer 1

您需要开始查看服务器端语言，尽管这也可以通过使用JavaScript并具有测验客户端来实现，这意味着条件和表单处理在浏览器本身上完成。 / p>

对于服务器端，您可以查看：

PHP
Ruby / Ruby on Rails
开始
Node.js的

由于我们不在这里为您编写代码，因此我建议您开始考虑使用其中一种技术来帮助您入门。一旦您完成了所有设置，并尝试将其付诸实践，请向我们展示您的代码，然后我们就可以提供帮助。

Answer 2

如果您不确定在不同的窗口中打开您的段落，那么可以使用jQuery轻松完成此操作

var text = '<p>There once was a <b>';
text += $('input[name=sex] :checked').val();
text += '</b> named <b>';
text += $('#name').val();
text += '</b></p>';

$('#ResultsDiv').append(text);

你将不得不玩这一点，在新窗口中打开段落将是棘手的。您还必须在标题中添加jQuery引用。

创建互动测验

2 个答案: