我想根据在微调器中选择的数字显示'n'行数

时间:2011-11-22 01:21:27

标签: javascript php loops html-table spinner

我有两个PHP页面。一个控制表单,另一个显示表格。我的问题是我在表单中有微调器,它决定了问题的数量,无论在微调器上显示什么数字,当用户提交它时,应该在表格中显示相同数量的行。

例如,如果Spinner = 25,那么它应该在表格中显示25行,并在问题ID(<td class="qid">)的行1,2,3,4 ......最多25行中说明。

我知道它会使用if语句,循环和$_POST方法但我不知道如何编码它。有人知道吗?我不知道它是否应该在php或javascript中完成,因为javascript打开了包含表格的新窗口并控制微调器。

下面是微调器和提交按钮(create_session.php)的代码

<form action="create_session.php">
       <th>Number of Questions:</th>
                <td class="spinner"><textarea class="spinnerQuestion" id="txtQuestion" cols="2" rows="1"></textarea></td>
                <td><button class="scrollBtn" id="btnQuestionUp" type="button"><img src="Images/black_uppointing_triangle.png" alt="Increase" /></button>
                <button class="scrollBtn" id="btnQuestionDown" type="button"><img src="Images/black_downpointing_triangle.png" alt="Decrease" /></button></td>
                </tr>
                </table>
                <div id="numberAlert"></div>
                <p><input class="questionBtn" type="button" value="Prepare Questions" name="prequestion" onClick="myClickHandler()"/></p>      <!-- Prepare Questions here-->

    </form>

下面是表格的代码(QandATable.php)

   <table border=1 id="qandatbl" align:center;>
    <tr>
    <th class="col1">Question No</th>
    <th class="col2">Option Type</th>
    <th class="col1">Duration</th>
    <th class="col2">Weight(%)</th>
    <th class="col1">Answer</th>
    <th class="col2">Video</th>
    <th class="col1">Audio</th>
    <th class="col2">Image</th>
    </tr>
    <tr>
    <td class="qid"></td>
    <td class="options"></td>
    <td class="duration"></td>
    <td class="weight"></td>
    <td class="answer"></td>
    <td class="video"></td>
    <td class="audio"></td>
    <td class="image"></td>
    </tr>
    </table>

1 个答案:

答案 0 :(得分:1)

您需要执行以下操作:

$spinnerCount = (int) $_POST['your_spinner_name'];
if($spinnerCount > 0) {
   for($i = 1; $i <= $spinnetCount; $i++) {
     //add your td here
   }
}

希望有所帮助