add_remove element

afshin_66

afshin_66

New Member
من یک کد برای add element دارم ولی یه مشکلی با select box برام پیش اومده ونمی دونم چطور می تونم option رو بطور پیش فرض selected کنم
:rose:


کد رو هم براتون میزارم
HTML: 
<script language="Javascript" type="text/javascript">
     function addRow()     {
 
 
          var tbl = document.getElementById('mySampleTable');      
          var lastRow = tbl.rows.length;         
          var iteration = lastRow;        
          var row = tbl.insertRow(lastRow);
         //------------------
          var cellLeft = row.insertCell(0);         
          var textNode = document.createTextNode(iteration);        
          cellLeft.appendChild(textNode);     
 
    //------------------        
          var cellRightSel = row.insertCell(1);         
          var sel = document.createElement('select');        
          sel.name = 'selRow' + iteration;         
          sel.options[0] = new Option("غیر فعال","0");
          sel.options[1] =  new Option(" فعال","1"); 
    sel.options[2] =  new Option("حذف","2");        
          cellRightSel.appendChild(sel);
     }
     function removeRow(lim)
     {
            var tbl = document.getElementById('mySampleTable');
 
          var lastRow = tbl.rows.length;
 
          if (lastRow >(lim+1) ) tbl.deleteRow(lastRow - 1);
     }
</script>
<html>
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <title>Page Title</title>
     </head>
     <body leftmargin="0" topmargin="0">
          <!--- forms are good when you wanna actually do stuff --->
          <form action="addrow.html" name="eval_edit" method="post" format="html">
               <table align="center" width = "75%">    
                    <tr>
                         <td align = "center">                          
                              <table  id="mySampleTable">
                                     <tr>
                                        <td>
                                            <center> سطر</center>                                        </td>                                      
                                        <td>
                                             <center>وضعیت</center>                                        </td>
                                   </tr>  
                                    <tr>
                                        <td> 1   </td>
 
 
                                        <td><select name="selRow0">
                                          <option value="0" >غیر فعال</option>
                                          <option value="1" selected>فعال</option>
                                          <option value="2" >حذف</option>
                                        </select></td>
                                </tr>
                              </table>                              
                        <input type="button" value="Add" onClick="addRow();" />
                         <input type="button" value="Remove" onClick="removeRow(1);" />
 
                         </td>
                    </tr>
               </table>
          </form>
     </body>
</html>
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا