2014-01-10 191 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