innerHTML 的select 问题

Question

jsp的增加页面:
<th>人员增加</th>
<table id="renyuan"> 
   <tr>
     <th>编号</th>
     <th>姓名</th>
     <th>年龄</th>
     <th>地址</th>
   </tr>
  <tr>
    <td>1</td>
    <td><input type="text" name="name1" size="10" id="name"/></td>
    <td><input type="text" name="age1" size="10" id="name"/></td>
    <td>
      <select name="address1" style="width: 90px;" id="sex">
 <option value="beijjing">北京</option>
 <option value="shanghai">上海</option>
          <option value="xianggang">香港</option>
     </select>
    </td>
    <td>
      <input type="button" value="增加行" onclick="cs();">
    </td>
  </tr>
</table>
======================================
这是javascript:
<script type="text/javascript">
var cNum=1;
 function cs()
 {
  var getTable= document.getElementById("renyuan");
  var oTR = getTable.insertRow();//新增一行
  var oTDa = oTR.insertCell();//新增一列
  var oTDb = oTR.insertCell();
  var oTDc = oTR.insertCell();
  var oTDd = oTR.insertCell();
  var oTDe = oTR.insertCell();
  oTR.id=++cNum;
  oTR.style.display="";
  oTDa.innerText=cNum;
  oTDb.innerHTML="<input type=\"text\" name=\"name"+cNum+"\" size=\"10\" \/>";
  oTDc.innerHTML="<input type=\"text\" name=\"age"+cNum+"\" size=\"10\" \/>";
  
  oTDd.innerHtml="<select name=\"name"+cNum+"\" style=\"width: 90px;\" <\/select>";//就这里不会
  
  oTDe.id="cyld"+cNum;
  oTDe.innerHTML="<input type=\"button\" value=\"删除行\" onclick=\"deleteR('renyuan',renyuan"+cNum+")\" \/>";
 }
</script>
=================
这样做的目的 是可以增加多条记录
现在的问题是 文本框的都可以了 比如 姓名 年龄都可以了
就是这种select 地址 我不知道oTDd.innerHtml 里面怎么加？ 

Answer 1

var option = document.createElement("option");
document.select[0].options.add(optionYesterday);
option.innerText = "new option";
option.value = "1";我本来是用jQuery实现的,你注意下document.select[0]这里行不,其余几行代码都一样

Answer 2

document.select[0].options.add(optionYesterday);错了,应该是
document.select[0].options.add(option);

Answer 3

<script text="text/javascript">
var cNum=1; 
function cs() 
{ 
  var getTable= document.getElementById("renyuan"); 
  var oTR = getTable.insertRow();//新增一行 
  var oTDa = oTR.insertCell();//新增一列 
  var oTDb = oTR.insertCell(); 
  var oTDc = oTR.insertCell(); 
  var oTDd = oTR.insertCell(); 
  var oTDe = oTR.insertCell(); 
  oTR.id=++cNum; 
  oTR.style.display=""; 
  oTDa.innerText=cNum; 
  oTDb.innerHTML=" <input type=\"text\" name=\"name"+cNum+"\" size=\"10\" \/>"; 
  oTDc.innerHTML=" <input type=\"text\" name=\"age"+cNum+"\" size=\"10\" \/>"; 
  
  oTDd.innerHTML="<select name=\"name"+cNum+"\" style=\"width: 90px;\"><option value=\"beijing\">北京</option><option value=\"shanghai\">上海</option><option value=\"xianggang\">香港</option><\/select>";//就这里不会 
  
  oTDe.id="cyld"+cNum; 
  oTDe.innerHTML=" <input type=\"button\" value=\"删除行\" onclick=\"deleteR('renyuan',renyuan"+cNum+")\" \/>"; 
} </script>
<th>人员增加 </th> 
<table id="renyuan"> 
  <tr> 
    <th>编号 </th> 
    <th>姓名 </th> 
    <th>年龄 </th> 
    <th>地址 </th> 
  </tr> 
  <tr> 
    <td>1 </td> 
    <td> <input type="text" name="name1" size="10" id="name"/> </td> 
    <td> <input type="text" name="age1" size="10" id="name"/> </td> 
    <td> 
      <select name="address1" style="width: 90px;" id="sex"> 
<option value="beijjing">北京 </option> 
<option value="shanghai">上海 </option> 
          <option value="xianggang">香港 </option> 
    </select> 
    </td> 
    <td> 
      <input type="button" value="增加行" onclick="cs();"> 
    </td> 
  </tr> 
</table> 

Answer 4

oTDd.innerHTML="<select name=\"name"+cNum+"\" style=\"width: 90px;\"><option value=\"beijing\">北京</option><option value=\"shanghai\">上海</option><option value=\"xianggang\">香港</option><\/select>";//这样不行
我以前也是这样做的
增加不出来 

Answer 5

var option = document.createElement("option"); 
document.select[0].options.add(option); 
option.innerText = "new option"; 
option.value = "1";你就把这段拷进去,运行就可以了,会看到多出来1个option,不用放innerHTML里的

Answer 6

主要怪我对javascript不是很懂
你帮我看看
我应该放在哪里 ？？

Answer 7

hwoarangzk
谢谢你我感觉我和你的思路不一样
如果可以像三楼那样就好了 可是他给的答案 还是运行不了

Answer 8

function () {
......
......//这些是你之前的代码
var option = document.createElement("option"); 
document.select[0].options.add(option); 
option.innerText = "new option"; 
option.value = "1"; }
你只要放在这个做添加作用的函数里就可以了
select option比较特殊,我也是别人帮助才明白的 ~

Answer 9

oTDd.innerHTML=" <select name=\"name"+cNum+"\" style=\"width: 90px;\"> <option value=\"beijing\">北京 </option> <option value=\"shanghai\">上海 </option> <option value=\"xianggang\">香港 </option> <\/select>";// 这个还需要这样写吗？？？

Answer 10

不要那段通过innerHTML设置的代码了
你可以给select设置个id
==,我去写一段

Answer 11

<html>
<head>
<script>
var a = 1;
function addOption() {

var newOption = document.createElement("option");
var baseSelect = document.getElementById("test");
baseSelect.options.add(newOption);
newOption.innerText = a;
newOption.value = a++;
}
</script>
</head>
<body>
<select id="test"></select><input type="button" value="add" onclick="addOption();" />
</body>
</html>

Answer 12

这样是可以 
但是只是片面的增加了select 
那我的根据我的代码来做 
你能从我给你的东西 修改一下吗？

Answer 13

    <script type="text/javascript">
        window.onload = function() {
            var sel = document.getElementById("selTest");
            sel.options.add(new Option("test", "test"));
        }
    </script>    <select id="selTest">
    </select>

Answer 14

<html>
<head>
<script>
function addOption() {
var mySelect = document.createElement("select");
mySelect.options.add(new Option("北京","Beijing"));
mySelect.options.add(new Option("上海","Shanghai"));
document.getElementById("des").appendChild(mySelect);
}
</script>
</head>
<body>
<input type="button" value="add" onclick="addOption();" />
<div id="des"></div>
</body>
</html>你可以根据这个改一下,可以用setAttribute来设置下属性

Answer 15

你用的是什么浏览器测试的? 我的代码ie6 7 8下测试可以的。 你的代码中innerHTML写成innerHtml了 

Answer 16

以下ie6,7,8 Firefox3.5测试过：<script text="text/javascript">
var cNum=1; 
function cs() 
{ 
  var getTable= document.getElementById("renyuan"); 
  var oTR = getTable.insertRow(getTable.rows.length);
  var oTDa = oTR.insertCell(oTR.cells.length);
  var oTDb = oTR.insertCell(oTR.cells.length); 
  var oTDc = oTR.insertCell(oTR.cells.length); 
  var oTDd = oTR.insertCell(oTR.cells.length); 
  var oTDe = oTR.insertCell(oTR.cells.length); 
  oTR.id=++cNum; 
  oTR.style.display=""; 
  oTDa.innerText=cNum; 
  oTDb.innerHTML=" <input type=\"text\" name=\"name"+cNum+"\" size=\"10\" \/>"; 
  oTDc.innerHTML=" <input type=\"text\" name=\"age"+cNum+"\" size=\"10\" \/>"; 
  
  oTDd.innerHTML="<select name=\"name"+cNum+"\" style=\"width: 90px;\"><option value=\"beijing\">北京</option><option value=\"shanghai\">上海</option><option value=\"xianggang\">香港</option><\/select>";//就这里不会 
  
  oTDe.id="cyld"+cNum; 
  oTDe.innerHTML=" <input type=\"button\" value=\"删除行\" onclick=\"deleteR('renyuan',renyuan"+cNum+")\" \/>"; 
} </script>
<th>人员增加 </th> 
<table id="renyuan"> 
  <tr> 
    <th>编号 </th> 
    <th>姓名 </th> 
    <th>年龄 </th> 
    <th>地址 </th> 
  </tr> 
  <tr> 
    <td>1 </td> 
    <td> <input type="text" name="name1" size="10" id="name"/> </td> 
    <td> <input type="text" name="age1" size="10" id="name"/> </td> 
    <td> 
      <select name="address1" style="width: 90px;" id="sex"> 
<option value="beijjing">北京 </option> 
<option value="shanghai">上海 </option> 
          <option value="xianggang">香港 </option> 
    </select> 
    </td> 
    <td> 
      <input type="button" value="增加行" onclick="cs();"> 
    </td> 
  </tr> 
</table> 

Answer 17

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD> <BODY>
  <th>人员增加 </th> 
<table id="renyuan"> 
  <tr> 
    <th>编号 </th> 
    <th>姓名 </th> 
    <th>年龄 </th> 
    <th>地址 </th> 
  </tr> 
  <tr> 
    <td>1 </td> 
    <td> <input type="text" name="name1" size="10" id="name"/> </td> 
    <td> <input type="text" name="age1" size="10" id="name"/> </td> 
    <td> 
      <select name="address1" style="width: 90px;" id="sex"> 
<option value="beijjing">北京 </option> 
<option value="shanghai">上海 </option> 
          <option value="xianggang">香港 </option>
  <option value="haerbin">哈尔滨 </option> 
    </select> 
    </td> 
    <td> 
      <input type="button" value="增加行" onclick="cs();"> 
    </td> 
  </tr> 
</table> 
====================================== 
这是javascript: 
<div id="tt"></div>
 </BODY>
</HTML>
<script type="text/javascript"> 
var cNum=1; 
function cs() 
{ 
  var getTable= document.getElementById("renyuan"); 
  var oTR = getTable.insertRow();//新增一行 
  var oTDa = oTR.insertCell();//新增一列 
  var oTDb = oTR.insertCell(); 
  var oTDc = oTR.insertCell(); 
  var oTDd = oTR.insertCell(); 
  var oTDe = oTR.insertCell(); 
  oTR.id=++cNum; 
  oTR.style.display=""; 
  oTDa.innerText=cNum; 
  oTDb.innerHTML=" <input type=\"text\" name=\"name"+cNum+"\" size=\"10\" \/>"; 
  oTDc.innerHTML=" <input type=\"text\" name=\"age"+cNum+"\" size=\"10\" \/>"; 
   
  oTDd.innerHTML=' <select id="sex'+ cNum +'\" style="width: 90px;"><\/select>';
  oTDe.id="cyld"+cNum; 
  oTDe.innerHTML=" <input type=\"button\" value=\"删除行\" onclick=\"deleteR('renyuan',renyuan"+cNum+")\" \/>"; 
  
        selectTag = document.getElementById('sex'); 

   var selectTag2 = document.getElementById('sex'+cNum);
   //alert(selectTag2);
   
   for(var i=0 ;i<selectTag.length;i++){           
  selectTag2.add(new Option(selectTag[i].text,selectTag[i].value));
   }
} 
</script>