包含多個問題和答案的表格

Question

我想將問題與多個選擇答案一起存儲。 答案數量可以從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）我當前的方法是好是壞？，我還需要能夠顯示數據庫中的內容。

Answer 1

好吧，我建議給每個問題一個id屬性，然后將其發送到可以從數據庫進行驗證的php類。 例如，對於表格1問題2，您可以給它“ id = 12”。