Javascript AJAX填充表输入数组字段

Javascript AJAX填充表输入数组字段,javascript,php,arrays,ajax,html-table,Javascript,Php,Arrays,Ajax,Html Table,我有一个表单,其中包含一个带有输入字段的表。我想根据第一个的选定值选择要更新的第二个输入字段 使用AJAX <td><select class='form-control select2' id='name[]' name='name[]' onchange="getSize(this);"> <option> select </option>

我有一个表单,其中包含一个带有输入字段的表。我想根据第一个的选定值选择要更新的第二个输入字段 使用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[]的值?

我对这个问题感到不安。希望这个答案能帮助别人

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);      
                      }         
                 }); 

    }

使用
async:false
是一种可怕的做法,永远不应该使用,浏览器供应商也不赞成这种做法。您所需要做的就是在
success
callback中进行追加谢谢您宝贵的建议。我已经编辑了我的答案。