Question

到目前为止，我创建了一个页面，该页面生成一个动态表格，其中数据通过在文本框中输入文本从数据库中填充。我现在如何生成一个单选按钮以及动态生成的表中的每一行。

<select id='two' name="info">
                <option value="m">M</option>
                <option value="h">H</option>
            </select>

            <input type="text" name="dynamicText">
            <input type="submit" value="Submit Query">
        </form>


 <TABLE BORDER="1" CELLPADDING="1" CELLSPACING="1" style="text-align: center;">
        <TR>
            <TH>Ap</TH>
            <TH>M</TH>
            <TH>V</TH>
        </TR>

        <c:forEach var="i" begin="0" end="${Data.getH().size() - 1}">
            <TR>
                <TD>
                        ${Data.getH().get(i)}
                </TD>
                <TD>
                        ${Data.getM().get(i)}
                </TD>
                <TD>
                        ${Data.getV().get(i)}
                </TD>
                     </TR>
        </c:forEach>
    </TABLE>

在javascript中我们有

  var newRadio = document.createElement("input");
  newRadio.type='radio';

但我没有得到如何在已生成的动态表格前动态生成单选按钮？

任何帮助都会非常感激。如果我需要其他任何东西，请告诉我。

[编辑] ：稍后我需要选择单选按钮并生成另一个动态表，其中包含来自数据库的数据。

例如，

  Headers/column name:  Radio button  || Ap   || M        ||    V    ||
                        Radio Button 1||  rtyy || valueM   || valueV
                         .
                         .
                         .
                         .

如果选择了单选按钮1，那么它应该选择“Ap”列的行和值，即“rty”并从数据库中查询该值并进一步生成动态表。

我已经建立了连接并且已经有了查询，但是为了从表中生成另一个具有动态值的表，我很缺乏。

我是否需要创建一个简单的onclick函数并放入其中在javascript中生成表？如果是的话，我怎样才能实现上一个表的第一列中的动态值？

Answer 1

单选按钮也应放在表格的行中，以便创建的<td></td>行数量相同，也会为单选按钮创建相同的数字。例如：

 <c:forEach var="i" begin="0" end="${Data.getH().size() - 1}">
        <TR>
            <td>
             <input type="radio" name="xxxx" value="some value">some value
             </td>
            <TD>
                    ${Data.getH().get(i)}
            </TD>
            <TD>
                    ${Data.getM().get(i)}
            </TD>
            <TD>
                    ${Data.getV().get(i)}
            </TD>
                 </TR>
    </c:forEach>

使用javascript onClick函数会做，但不知道如何使用javascript实现它。

生成动态表以及动态单选按钮，以进一步在JSP中生成动态表

1 个答案: