我想要的效果,可是放在form里就出不来了,为甚么.怎么解决?

Question

以下是代码,把<form action="" method="get"></form>这两句去了,即可良好运行!!!
<script language="JavaScript">
<!--
function go(){
MyForm.innerHTML = "";
print("A",A.options[A.selectedIndex].value);
print("B",A.options[B.selectedIndex].value);
print("AB",A.options[AB.selectedIndex].value);
print("O",A.options[O.selectedIndex].value);
}function print(blood,num){
MyForm.innerHTML += "<font color='#FF0000'><br>血型"+ blood +":</font><br><br>";
var i=0;
for(i=0;i<num;i++){
MyForm.innerHTML += " <img src='pic/60.gif' width='20' height='20'>肝"+ (i+1) +":&nbsp; 年龄:<input name='textfield"+ (i+1) +"' type='text' size='4' maxlength='3'>&nbsp; 性别: <select name='select"+ (i+1) +"' id='select"+ (i+1) +"'><option selected> </option><option value='男'>男</option><option value='女'>女</option> </select><br>";}
}
//-->
</script>
<form action="" method="get">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>肝血型: A 
      <select name="A">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
      </select>
      B 
      <select name="B">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
      </select>
      AB 
      <select name="AB">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
      </select>
      O 
      <select name="O">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
      </select> <input name="button" type="button" onClick="go();" value="填写"> 
      <br> <span id="MyForm"></span></td>
  </tr>
</table>
</form>

Answer 1

<form id="Form1" method="post" runat="server">

Answer 2

使用document.getElementByID获取html控件。

Answer 3

<form action="" method="get">
改成
<form action="" method="get" id="form1" name="form1">相应的改以下地方：
print("A",form1.A.options[A.selectedIndex].value);
print("B",form1.B.options[B.selectedIndex].value);
print("AB",form1.AB.options[AB.selectedIndex].value);
print("O",form1.O.options[O.selectedIndex].value);

Answer 4

还是出不来,提示A未定义,或者FROM未定义,有没有其他的办法呀????????!!!
或者不用JAVASCRIPT,改用其它的办法来实现,有没有更好的建议!!

Answer 5

<form action="" method="get" id="form1" name="form1">
print("A",document.form1.A.options[A.selectedIndex].value);
print("B",document.form1.B.options[B.selectedIndex].value);
print("AB",document.form1.AB.options[AB.selectedIndex].value);
print("O",document.form1.O.options[O.selectedIndex].value);

Answer 6

<form action="" method="get">
改成
<form action="" method="get" id="form1" name="form1">相应的改以下地方：
print("A",form1.A.options[form1.A.selectedIndex].value);
print("B",form1.B.options[form1.B.selectedIndex].value);
print("AB",form1.AB.options[form1.AB.selectedIndex].value);
print("O",form1.O.options[form1.O.selectedIndex].value);

Answer 7

<script language="JavaScript">
<!--
function go(){
MyForm.innerHTML = "";
print("A",form1.A.options[form1.A.selectedIndex].value);
print("B",form1.B.options[form1.B.selectedIndex].value);
print("AB",form1.AB.options[form1.AB.selectedIndex].value);
print("O",form1.O.options[form1.O.selectedIndex].value);
}function print(blood,num){
MyForm.innerHTML += "<font color='#FF0000'><br>xx"+ blood +":</font><br><br>";
var i=0;
for(i=0;i<num;i++){
MyForm.innerHTML += " <img src='pic/60.gif' width='20' height='20'>g"+ (i+1) +":&nbsp; nl:<input name='textfield"+ (i+1) +"' type='text' size='4' maxlength='3'>&nbsp; xb: <select name='select"+ (i+1) +"' id='select"+ (i+1) +"'><option selected> </option><option value='man'>man</option><option value='girl'>girl</option> </select><br>";}
}
//-->
</script>
<form action="" method="get" iD="form1" name="form1">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>xx: A 
      <select name="A" id="A">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
      </select>
      B 
      <select name="B">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
      </select>
      AB 
      <select name="AB">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
      </select>
      O 
      <select name="O">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
      </select>
  <input type="button" type="button" onClick="go();" value="tx"> 
       <br>
  <span id="MyForm"></span>
  </td>
  </tr>
  </table>
</form>
调试通过了，又学了一点，呵呵

Answer 8

多谢大家鼎立支持，我刚来这儿，不会加分，manbaum() 表现出色，我请求把80％分给他，剩下大家分，谢谢了，好感动．．．．