javascript中通过循环获取div的值？？

如果你想要获得DIV的值，直接document.getElementById(option).innerHTML 就可以做到

解决方案 »

  1.   

    楼主，不行的。源代码是这样的，你看看》
    <%@ page language="java"  contentType="text/html;charset=GBK" %>
    <html>
    <head>
    <title>jsp-table</title> 
    <script type="text/javascript">
    <!--
    function addTextBox(option){
    //我需要在这里获取div的值？？？？？？？？？
    var board = document.getElementById(option);
    var opt = document.createElement("<input type=\"text\" name = \"option\" id = \"option\" onclick=\"add(option)\"/>");
    var score = document.createElement("<input type=\"text\" name = \"score\" id =\"score\" size='10'>");
    var f = document.createElement("<BR\>");
    var obj = board.appendChild(opt)+board.appendChild(score)+board.appendChild(f);
    obj.checked = true;
    //如下写法也是正确的：
    //e.checked = true;
    }
    function add(option) {
        var obj=document.getElementById("questnaire")
        for (var i=2;i<obj.rows.length-2;i++){
            
            var tObj=obj.rows[i].cells[3].getElementsByTagName("input");
            var j=tObj.length-4;
            //alert(j);
                if(tObj[j].value!="")
                {
                alert(tObj[j].value);
                addTextBox(option);
                }
                else
                {
                  // alert("值为空！");
                    }
        }
       }
    //-->
    </script>
    </head>
    <body class=bodycolor>
    <form name=oForm action="" method="post">
    <!--form class="clsForm" id="oForm" method="post" action="order_exec.jsp"-->
    <center>
        <TABLE id="questnaire" class=small cellSpacing=1 cellPadding=0 width="100%" bgcolor='#000000' border=0>
          <TBODY>
        <TR class=statusbar bgcolor="#ffffff">
           <TD height="30" colspan="11" align=center valign="middle">试题录入</TD>
            </TR>
       </TBODY>
          <tr  bgcolor="#ffffff" class=TableHeader>
            <td align="center" valign="middle">题号</td>
            <td align=center valign="middle">试题</td>
            <td align=center valign="middle">试题类型</td>
            <td align=center valign="middle">选项&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;分值</td>
          </tr>
    <script language="javascript" type="text/jscript">
    function selectaddline(){
    oRow     = document.all.questnaire.insertRow(document.all.questnaire.rows.length-2);
    oRow.id  = "Rows" + oRow.rowIndex;//起始行从第1行开始
    var rowId = oRow.rowIndex-1;oCell = oRow.insertCell();
    oCell.height="24";
    oCell.width = "24";
    oCell.bgColor="#ffffff";
    oCell.align = "center";
    oCell.innerHTML = rowId;oCell = oRow.insertCell();
    oCell.height="24";
    oCell.width="";
    oCell.bgColor="#ffffff";
    oCell.align="center";
    oCell.innerHTML = "<input name=\"quest"+rowId+"\" type='textarea'  id=\"quest"+oRow.rowIndex+"\" onchange=\"autoaddline();\" size=\"25\" value=''><font color=red>*</font>";
    //alert("quest"+rowId);oCell = oRow.insertCell();
    oCell.height="24";
    oCell.width="";
    oCell.bgColor="#ffffff";
    oCell.align="center";
    option_type = "option_type"+rowId;
    oCell.innerHTML = "<select name=\""+option_type+"\" "  
            +">"  
            +"<option value='单选' selected='selected'>单选</option>"  
            +"<option value='多选'>多选</option>"  
            +"</select>"; oCell = oRow.insertCell();
    oCell.height="24";
    oCell.width="";
    oCell.bgColor="#ffffff";
    oCell.align="center";
    var temp = ""; 
    var option = "option"+rowId;
    alert(option);
    for(var i=1;i <=4; i++){ temp = temp+"<input type=\"text\" name = \"option\""+i+" id = \"option\""+i+" onclick=\"add(option)\"/>" 
               +"<input type=\"text\" name = \"score\""+i+" id = \"score\""+i+" size='10'/>"
               +" <BR/>" 
                      } 
    oCell.innerHTML="<div id =\""+option+"\">"
                     +temp
                     +"</div>";
    }
    function addinitline(){
    for(var i=0;i<10;i++){
      selectaddline();
    }
    }
    function autoaddline(){
    if(document.oForm.elements["quest"+(document.all.questnaire.rows.length-3)].value!="") 
     // var o = document.getElementById(questnaire);
      selectaddline();
    }setTimeout("addinitline()",50);
    </script>
       <tr  bgcolor="#ffffff"> 
            <td align=left colspan=11><font color=green>标记为<font color=red>*</font>的为必填项</font>        </td>
          </tr>
       <tr bgcolor="#ffffff">
        <td colspan="10" align="center">
       <table border="0" width="40%" id="table1" height="34">
       <tr>
       <td height="30" align="center"><input type=button value=" 确 定 " onClick="s();" class=BigButton></td>
       <td align="center"><input type=button onClick="javascript:history.back()" value=" 返 回 "  class=BigButton></td>
       </tr>
       </table>
      </td>
       </tr>
        </table>
    </center>
    </form>
    </body>
    </html>
      

  2.   

    可以了
    L@_@K
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>jsp-table</title> 
    <script type="text/javascript">
    <!--
    function addTextBox(option,idx){
    //我需要在这里获取div的值？？？？？？？？？
    var board = document.getElementById(option);
    var opt = document.createElement("<input type=\"text\" name = \"tbx_"+option+"\" id = \""+option+idx+"\" onclick=\"add('"+option+"')\"/>");
    var score = document.createElement("<input type=\"text\" name = \"score\""+idx+" id = \"score\""+idx+" size='10'/>");
    var f = document.createElement("<br />");
    var obj = board.appendChild(opt)+board.appendChild(score)+board.appendChild(f);
    obj.checked = true;
    //如下写法也是正确的：
    //e.checked = true;
    }function add(option)
    {
        var collTbx = document.getElementsByName("tbx_"+option);
        if (collTbx[collTbx.length-1].value != "")
        {
            addTextBox(option,collTbx.length);
        }
    }
    //-->
    </script>
    </head>
    <body class=bodycolor>
    <form name=oForm action="" method="post">
    <!--form class="clsForm" id="oForm" method="post" action="order_exec.jsp"-->
    <center>
        <TABLE id="questnaire" class=small cellSpacing=1 cellPadding=0 width="100%" bgcolor='#000000' border=0>
          <TBODY>
        <TR class=statusbar bgcolor="#ffffff">
           <TD height="30" colspan="11" align=center valign="middle">试题录入</TD>
            </TR>
       </TBODY>
          <tr  bgcolor="#ffffff" class=TableHeader>
            <td align="center" valign="middle">题号</td>
            <td align=center valign="middle">试题</td>
            <td align=center valign="middle">试题类型</td>
            <td align=center valign="middle">选项&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;分值</td>
          </tr>
    <script language="javascript" type="text/jscript">
    function selectaddline(){
    oRow     = document.all.questnaire.insertRow(document.all.questnaire.rows.length-2);
    oRow.id  = "Rows" + oRow.rowIndex;//起始行从第1行开始
    var rowId = oRow.rowIndex-1;oCell = oRow.insertCell();
    oCell.height="24";
    oCell.width = "24";
    oCell.bgColor="#ffffff";
    oCell.align = "center";
    oCell.innerHTML = rowId;oCell = oRow.insertCell();
    oCell.height="24";
    oCell.width="";
    oCell.bgColor="#ffffff";
    oCell.align="center";
    oCell.innerHTML = "<input name=\"quest"+rowId+"\" type='textarea'  id=\"quest"+oRow.rowIndex+"\" onchange=\"autoaddline();\" size=\"25\" value=''><font color=red>*</font>";
    //alert("quest"+rowId);oCell = oRow.insertCell();
    oCell.height="24";
    oCell.width="";
    oCell.bgColor="#ffffff";
    oCell.align="center";
    option_type = "option_type"+rowId;
    oCell.innerHTML = "<select name=\""+option_type+"\" "  
            +">"  
            +"<option value='单选' selected='selected'>单选</option>"  
            +"<option value='多选'>多选</option>"  
            +"</select>"; oCell = oRow.insertCell();
    oCell.height="24";
    oCell.width="";
    oCell.bgColor="#ffffff";
    oCell.align="center";
    var temp = ""; 
    var option = "option"+rowId;
    //alert(option);
    for(var i=1;i<=4; i++){ temp = temp+"<input type=\"text\" name = \"tbx_"+option+"\" id = \""+option+i+"\" onclick=\"add('"+option+"')\"/>" 
               +"<input type=\"text\" name = \"score\""+i+" id = \"score\""+i+" size='10'/>"
               +" <BR/>" 
    }
    oCell.innerHTML="<div id =\""+option+"\">"
                     +temp
                     +"</div>";
    }
    function addinitline(){
    for(var i=0;i<10;i++){
      selectaddline();
    }
    }
    function autoaddline(){
    if(document.oForm.elements["quest"+(document.all.questnaire.rows.length-3)].value!="") 
     // var o = document.getElementById(questnaire);
      selectaddline();
    }setTimeout("addinitline()",50);
    </script>
       <tr  bgcolor="#ffffff"> 
            <td align=left colspan=11><font color=green>标记为<font color=red>*</font>的为必填项</font>        </td>
          </tr>
       <tr bgcolor="#ffffff">
        <td colspan="10" align="center">
       <table border="0" width="40%" id="table1" height="34">
       <tr>
       <td height="30" align="center"><input type=button value=" 确 定 " onClick="s();" class=BigButton></td>
       <td align="center"><input type=button onClick="javascript:history.back()" value=" 返 回 "  class=BigButton></td>
       </tr>
       </table>
      </td>
       </tr>
        </table>
    </center>
    </form>
    </body>
    </html>
      

  3.   

    lz 想实现滴是，当最后一个选项框内容不为空时，点击单元格内任意选项后新增选项框和分值框。lz 滴错误在于，字符串拼接技术不过硬！字符串拼接的编程方式很不和谐，严重不推荐，嘿
      

  4.   

    太感谢各位了，尤其是yixianggao。