2014-01-10 149 views
0

我迄今为止创建了一个页面,该页面生成一个动态表格,通过在文本框中输入文本从数据库填充数据。我现在如何生成一个单选按钮以及动态生成的表中的每一行。与动态单选按钮一起生成动态表格以进一步生成JSP中的动态表格

<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被选择,那么它应该选择该行和列“鸭”,这是“rtyy”和查询从与该值数据库的值,并生成一个动态表进一步。

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

我是否需要创建一个简单的onclick函数并将其放置在JavaScript中的 中以生成表?如果是的话,我如何才能实现 动态值在上表的第一列?

回答

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来实现它。

+0

谢谢你,完全有道理。我还有一个简单的问题,在任何单选按钮选择的行上进一步创建动态表格是否正确? – AKIWEB

+0

你可以把它放在一个问题中,也可以进一步解释你想完成什么。 – hubert

+0

当然!我编辑了我正在寻找的功能。请指教。 – AKIWEB