很简单的功能我却搞了两天，帮忙，走过路过请帮忙啊

 <input type="reset" value="..." onclick="return showCalendar('end_date_b', 'y-m-d');">; 
这里怎么会有这个？

解决方案 »

  1.   


    <input type="button" value="增加一行" onclick="addTextBox(this.form,this.parentNode)" /> 
    form.insertBefore(label,afterElement);

    这两句有问题this.form,没有见过
      

  2.   

    这个insertBefor方法属于attribute对象，不能乱用吧
      

  3.   

    textField.setAttribute("type","text");  试试
    textField.type="text";  
    textField.name = "tt[]"+textNumber; 
    textField.id = "tt"+textNumber; 
      

  4.   

    我错了，form也有这个方法insertbefore（）你的参数不对
      

  5.   


    <html>
    <head>
    <script language="javascript">
    function addlabe(v1){
    var myaddlabe=document.createElement("label");
    var myinput=document.createElement("input");
    myinput.setAttribute("type","text");
    myaddlabe.appendChild(myinput);
    v1.parentElement.appendChild(myaddlabe);
    }
    </script>
    </head>
    <body>
    <form>
    <label><input type="text"/></label><br>
    <input type="button" value="添加" onclick="addlabe(this)"/></form>
    </body>
    </html>    这个lz看一下
      

  6.   

    你好像没有解决我的问题哦，首先并不是这个代码不能用，只是在增加了一个日历控件的时候不能用，显然我的日历增加有误。另一个是为这个动态文本框加上table<tr><td></td>><td></td><td></td></tr></table>
      

  7.   

    爲什麽你的js裏面會有html代碼？
    照著追加text節點的方法，把日历控件追加上去不行嗎？
      

  8.   

    当然不能改成你的下边的一行，你没有看到那行包括HTML语句吗
    <input type=text>标签可以添加进去，<input type=reset>标签当然也可以了,类型不一样而已。
      

  9.   


    <html>
    <head>
    <title>动态增加文本框 </title>
    <script type="text/javascript">
    <!--
    var textNumber = 1;
    function addTextBox() {
      // Increment the textbox number
      textNumber++;
      // Create the label
      var mylabel = document.createElement("label");
      // Create the textbox  var textField = document.createElement("input");
      textField.setAttribute("type","text");
      textField.setAttribute("name","tt"+textNumber);
      textField.setAttribute("id","tt"+textNumber);
      var textField1 = document.createElement("input");
      textField1.setAttribute("type","text");
      textField1.setAttribute("name","aa"+textNumber);
      textField1.setAttribute("id","aa"+textNumber);
      var textField2 = document.createElement("input");
      textField2.setAttribute("type","text");
      textField2.setAttribute("name","bb"+textNumber);
      textField2.setAttribute("id","bb"+textNumber);  var textField3=document.createElement("input");
      textField3.setAttribute("type","reset");
      textField3.setAttribute("value","..."); 
      textField3.setAttribute("onclick","return showCalendar('begin_date_b', 'y-m-d');");  // Add the label's text
      
      mylabel.appendChild(document.createTextNode("提醒"+textNumber+": "));
      mylabel.appendChild(textField);
      mylabel.appendChild(textField1);
      mylabel.appendChild(textField3);
      mylabel.appendChild(textField2);  var parent1=document.getElementById("fom1");  parent1.insertBefore(mylabel,document.getElementById("d1"));
    }                              
    //-->
    </script>
    <style type="text/css">
    <!--
    label {
      display:block;
      margin:.25em 0em;
    }
    -->
    </style>
    </head>
    <body><form  id="fom1">
      <div id="d1">zhanglei</div>
      <label id="lb1">提醒1: 
            <input type="text" name="tt[]" id="tt" />
            <input type="text" name="aa[]" id="begin_date_b"> 
            <input type="reset" value="..." onclick="return showCalendar('begin_date_b', 'y-m-d');">
            <input type="text" name="bb[]" id="bb" /> 
      </label>
      <label>
    <input type="button" value="增加一行" onclick="addTextBox()" /></label>
            <input type="button" value="删除一行" />  <br> <input type="Submit" value="提交保存" /> </p>
    </form>
    </body>
    </html>
      

  10.   

    你那个控件没法显示出来有位朋友帮我改成这样，但是在IE下不行，在FF下可以，你知道什么原因么
    <html> 
    <head> 
    <title>动态增加文本框 </title> 
      <link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />   
      <script type="text/javascript" src="js/calendar.js"> </script>   
      <script type="text/javascript" src="js/calendar-zh.js"> </script>   <script type="text/javascript" src="js/calendar-setup.js"> </script> 
      
    <script type="text/javascript"> 
    <!--   var textNumber = 1; 
      function addTitle(rows){ 
        return "提醒" + (rows+1) + ":"; 
      } 
      function addaa(rows){ 
        //return rows; 
        return " <input type=\"+text\" name=\"aa[]" + rows + "\" id=\"begin_date_b" + rows + "\" />" + " <input type=\"reset\" value=\"...\" onclick=\"return showCalendar('begin_date_b" + rows + "', 'y-m-d');\">"; 
      } 
      function addbb(rows){ 
        //return rows 
        return " <input type=\"+text\" name=\"bb[]" + rows + "\" id=\"bb" + rows + "\" />"; 
      } 
      function addtt(rows){ 
        //return rows; 
        return " <input type=\"+text\" name=\"tt[]" + rows + "\" id=\"tt" + rows + "\" />"; 
      }   
      function addTextBox(worksId){ 
      var works = document.getElementById(worksId); 
      var newRow = works.insertRow(-1); 
      
      var newCell = newRow.insertCell(0); 
      newCell.innerHTML = addTitle(textNumber); 
      newCell = newRow.insertCell(1); 
      newCell.innerHTML = addtt(textNumber); 
      newCell = newRow.insertCell(2); 
      newCell.innerHTML = addaa(textNumber); 
      newCell = newRow.insertCell(3); 
      newCell.innerHTML = addbb(textNumber); 
      textNumber++; 
      
      } 
      
      function removeTextBox(worksId){ 
      var works = document.getElementById(worksId); 
      if(textNumber>1){ 
        works.deleteRow(textNumber-2); 
        textNumber--; 
      } 
      } 
    //--> 
    </script> 
    <style type="text/css"> 
    <!-- 
    label { 
      display:block; 
      margin:.25em 0em; 
    } 
    --> 
    </style> 
    </head> 
    <body> <form  method="POST" action="bb6cc.php"> 
      <table  border="1"  id="works" cellpadding="0" cellspacing="0">    
      <tr><td></td><td>提醒内容</td><td>提醒时间</td><td>提醒邮件</td></tr>
      
     <tr><td>提醒1:</td> <td><input type="text" name="tt[]" id="tt" /> </td>
      <td><input type="text" name="aa[]" id="begin_date_b"> <input type="reset" value="..." onclick="return showCalendar('begin_date_b', 'y-m-d');"> </td>
      <td><input type="text" name="bb[]" id="bb" /> </td></label> 
      </tr>
      </table> 
      <p> 
        <input type="button" value="增加一行" onclick="addTextBox('works')" /> 
        <input type="button" value="删除一行" onclick="removeTextBox('works')" /> 
      <p> <input type="Submit" value="提交保存" /> </p> 
    </form> 
    </body> 
    </html>
      

  11.   

    [works.deleteRow(textNumber-2); ]換成[works.deleteRow(textNumber); ]試一下，是要這樣的效果嗎？
      

  12.   


    晕，我是要在IE与Firefox上都能用，现在在IE下不能用
      

  13.   

    在IE中控件没法显示出来，在FF下可以显示出来,你邮箱多少，我发你吧
      

  14.   

    http://www.haveyourelax.cn/edielei/download/demo.rar  这是日历控件代码
      

  15.   

    ]<html> 
    <head> 
    <Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">
    <title>动态增加文本框 </title> 
      <link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" />   
      <script type="text/javascript" src="js/calendar.js"> </script>   
      <script type="text/javascript" src="js/calendar-zh.js"> </script>   <script type="text/javascript" src="js/calendar-setup.js"> </script> 
      
    <script type="text/javascript"> 
    <!--   var textNumber = 1; 
      function addTitle(rows){ 
        return "提醒" + (rows+1) + ":"; 
      } 
      function addaa(rows){ 
        //return rows; 
        return " <input type=\"+text\" name=\"aa[]" + rows + "\" id=\"begin_date_b" + rows + "\" />" + "<input type=\"reset\" value=\"...\" onclick=\"return showCalendar('begin_date_b" + rows + "', 'y-m-d');\">"; 
      } 
      function addbb(rows){ 
        //return rows 
        return " <input type=\"+text\" name=\"bb[]" + rows + "\" id=\"bb" + rows + "\" />"; 
      } 
      function addtt(rows){ 
        //return rows; 
        return " <input type=\"+text\" name=\"tt[]" + rows + "\" id=\"tt" + rows + "\" />"; 
      }   
      function addTextBox(worksId){ 
      var works = document.getElementById(worksId); 
      var newRow = works.insertRow(-1); 
      
      var newCell = newRow.insertCell(0); 
      newCell.innerHTML = addTitle(textNumber); 
      newCell = newRow.insertCell(1); 
      newCell.innerHTML = addtt(textNumber); 
      newCell = newRow.insertCell(2); 
      newCell.innerHTML = addaa(textNumber); 
      newCell = newRow.insertCell(3); 
      newCell.innerHTML = addbb(textNumber); 
      textNumber++; 
      
      } 
      
      function removeTextBox(worksId){ 
      var works = document.getElementById(worksId); 
      if(textNumber>1){ 
        works.deleteRow(textNumber-2); 
        textNumber--; 
      } 
      } 
    //--> 
    </script> 
    <style type="text/css"> 
    <!-- 
    label { 
      display:block; 
      margin:.25em 0em; 
    } 
    --> 
    </style> 
    </head> 
    <body> <form  method="POST" action="bb6cc.php"> 
      <table  border="1"  id="works" cellpadding="0" cellspacing="0">    
      <tr> <td> </td> <td>提醒内容 </td> <td>提醒时间 </td> <td>提醒邮件 </td> </tr> 
      
    <tr> <td>提醒1: </td> <td> <input type="text" name="tt[]" id="tt" /> </td> 
      <td> <input type="text" name="aa[]" id="begin_date_b"><input type="reset" value="..." onclick="return showCalendar('begin_date_b', 'y-m-d');"> </td> 
      <td> <input type="text" name="bb[]" id="bb" /> </td> </label> 
      </tr> 
      </table> 
      <p> 
        <input type="button" value="增加一行" onclick="addTextBox('works')" /> 
        <input type="button" value="删除一行" onclick="removeTextBox('works')" /> 
      <p> <input type="Submit" value="提交保存" /> </p> 
    </form> 
    </body> 
    </html>
    拿這個試一下，只是把text和控件之間的空格去掉了。