AJAX填表输入数组字段

Question

我有一个表格，其中包含一个带有输入字段的表格。我想根据第一个的选定值更新第二个的选择输入字段 使用 AJAX

<td><select class='form-control select2' id='name[]' name='name[]' onchange="getSize(this);">
                    <option> select　</option>
                    
                <?php
                $sql = "SELECT DISTINCT table_name FROM m_table ORDER BY 1 ASC";
                $res = pg_query($conn,$sql);
                $num_row = pg_num_rows($res);
                if($num_row > 0)
                        {
                            while ($row=pg_fetch_row($res))
                            {
                                echo '<OPTION VALUE="'.trim($row['0']).'" >'.trim($row['0']).'</OPTION>';
                            }
                        }
                ?>                  
                                                
                </select>
            </td>       
            <td><select class='form-control select2' id='m_size[]' name='m_size[]' >
            <!------------------------------------>             
            
            <!------------------------------------>
                </select>
            </td> 

如何在 jquery 中获取 name[] 的值？ 如何更新 m_size[] 的值？

Answer 1

我对这个问题感到不安。希望这个答案对某人有所帮助。

function getSize(e){    
    
    var tr = $(e).closest("tr");
    
    var rowindex = tr.index() ; 
    
    var NAME = document.forms[0].elements["name[]"];

    var name = NAME[rowindex].value;
    
    var gsizeOptions = null;

        $.ajax({
                  url:"getSize.php",
                  type:"POST",
                  data:{name:name},     
                  dataType: 'html',
                  //async: false,             
                  success: function(data){
                    console.log(data);
                    sizeOptions = data; 
       var MSIZE= document.forms[0].elements["m_size[]"];
       $(MSIZE[rowindex]).append(sizeOptions);      
                      }         
                 }); 

    }