形式有多个问题和答案

时间:2014-10-07 22:40:16

标签: jquery html forms

我想用多选答案存储问题。答案数量可以从2个到更多答案不同。

我有几个问题。但首先我将展示我目前的代码:

HTML:

<div class="questionFormTemplate">
    <form action="utils/handleForm.php" method="post">
        <table>
            <tr>
                <td><input type="text" name="question" value="question?"/></td>                                
            </tr>
            <tr>
                <td><input type="text" name="answer[]" value="answer 1"/></td>
                <td><input type="button" value="remove" class="remove"/></td>                                
            </tr>
            <tr>
                <td><input type="text" name="answer[]" value="answer 2"/></td>
                <td><input type="button" value="remove" class="remove"/></td>
            </tr>            
            <tr>
                <td><input type="button" value="add answer"/></td>
            </tr>
        </table>
        <input type="submit" value="update" />  
    </form>
</div>

<div id="container"></div>

js / jquery:

// add some question forms to the container
var questionFormTemplate = $('.questionFormTemplate').html();

console.log(questionFormTemplate);

for(var i = 0; i < 8; i++) {
   $('.container').append(questionFormTemplate);
}


// make the buttons work
$('input[type="button"][value="remove"]').on("click", function() {
    $(this).parent().parent().remove();
});

$('input[type="button"][value="add answer"]').on("click", function() {
    $(this).parent().parent().parent().append('<tr><td><input type="text" name="answer[]" value="answer"/></td><td><input type="button" value="remove" class="remove"/></td></tr>');
});

的CSS:

.questionFormTemplate {
    display: none;
}

http://jsfiddle.net/clankill3r/5nkunpsw/3/

1)是否更容易为每个问题或一个表格提出所有问题?

2)我如何知道handleForm.php发出了哪个问题(如1,2或3等)

3)我当前的方法是好还是坏?我需要能够显示数据库中的内容。

1 个答案:

答案 0 :(得分:0)

我建议的一件事是给每个问题一个id属性,然后你可以发送到你的php类,它可以从数据库中验证。例如,对于表单1问题2,您可以给它&#34; id = 12&#34;。