2014-02-07 23 views
0

我试图创建一个测验,让用户回答问题,如名称&性别。我已经在html中使用过,但现在我需要它,这样当用户单击“提交”时,数据将被放入段落中,例如邮件合并。创建一个互动测验

例如;

名称:戴夫

性别:男

点击提交后显示的文本;

曾经有一个命名戴夫

到目前为止我对形式的代码;

<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); 
}); 

回答

0

如果你确定不是有你的段落在不同的窗口那么这可能是用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引用到你的头。

+0

这似乎很棒,谢谢。我将会像你说的那样玩弄代码,但我认为我可以让它起作用。非常感激! – user3283508

1

你需要开始寻找服务器端语言,虽然这也可以通过使用JavaScript和具有竞猜的客户端,这意味着条件和形式处理上的浏览器本身是做来实现。

对于服务器端,你可以看看:

  • PHP
  • 红宝石/ Ruby on Rails的
  • 转到
  • Node.js的

,因为我们不在这里为你写代码,我建议你开始看看其中的一种技术来开始。一旦你完成了所有的设置并试图放弃这一点,请向我们展示你的代码,然后我们可以提供帮助。

+0

谢谢你,我开始研究Ruby,但可能有一段时间我才能做这样的事情。 – user3283508