5
function addrow() {

    document.getElementById("myTableData").style.display="block";
    /*displaying div on click of button  abc*/

      var el = document.createElement('input');
          el.type = 'text';
          el.name = 'kname';
    /*creating name field*/

      var el_r = document.createElement('input');
          el_r.type = 'radio';
          el_r.name = 'gender';
          el_r.value ='FEMALE';
          el_r.id = "rad1";  
          el_r.defaultChecked = true;   
         /* creating radio button for gender field */  

      var el_r2 = document.createElement('input');
              el_r2.type = 'radio';
          el_r2.name = 'gender';
          el_r2.value ='MALE';
          el_r2.id = "rad2";  
        /* creating radio button for gender field */  

       var obj1 = document.createTextNode("Female");  
       var obj2 = document.createTextNode("Male");  

       var objLabel = document.createElement("label");  
        objLabel.htmlFor = el_r.id;  
        objLabel.appendChild(el_r);  
        objLabel.appendChild(obj1);

       var objLabel2 = document.createElement("label");  
        objLabel2.htmlFor = el_r2.id;  
        objLabel2.appendChild(el_r2);  
        objLabel2.appendChild(obj2);  

 /* creating drop down for date field */  
       var el_s = document.createElement('select');
           el_s.onchange =  function(){ 
           var r = el_s.options[el_s.selectedIndex].value;
            alert("selected date"+r); //cheking the selected date value;
            }
      for(var i=0;i<32;i++)
      {
         var j = i;
         j = document.createElement('option');
          j.text=i;
          j.name="day";
          j.value=j;
          el_s.appendChild(j);
      }


      var month = new Array("January","Februray","March","April","May","June","July","August","September","October","November","December");
      var el_sm = document.createElement('select');
      for(var i=0;i<month.length;i++)
      {
         var j = i;
          j = document.createElement('option');
          j.text=month[i];
          j.name="month";
          j.value=month[i];
          el_sm.appendChild(j);
      }

      var el_sy = document.createElement('select');
      for(var i=2013;i>1950;i--)
      {
         var j = i;
          j = document.createElement('option');
          j.text=i;
          j.name="year";
          j.value=j;
          el_sy.appendChild(j);
      }



    var table = document.getElementById("myTableData");
    var tableBody = document.createElement('TBODY');
    table.appendChild(tableBody);

       var tr = document.createElement('TR');
       tableBody.appendChild(tr);

           var td = document.createElement('TD');
           td.width='175';
           td.appendChild(el);
           tr.appendChild(td);

           var td = document.createElement('TD');
           td.width='245';
           td.appendChild(objLabel);
           td.appendChild(objLabel2);
           tr.appendChild(td);

           var td = document.createElement('TD');
           td.width='245';
           td.appendChild(el_s);
           td.appendChild(el_sm);
           td.appendChild(el_sy);
           tr.appendChild(td);

          myTableData.appendChild(table);

}
</script>
<input type="submit" value="submit"/>

abcという名前のボタンクリックでJavaScriptを使用して、HTMLでフォームを動的に生成しています。値を挿入しているときに私のコードは正常に動作していますが、ボタンを使用してこのフォームを投稿すると、値の名前と性別がアドレスバーに表示されますが、選択した日付 (要素名 "el_s") の値が表示されませんアドレスバー。最初の表示には2つのボタンがあり、フォームが表示されるdivと次のボタンはフォームの送信ボタンです

4

1 に答える 1

0

el_s.name='date'データを自動転記するには設定が必要です。

于 2013-09-06T22:54:43.417 に答える