Javascript AJAX填充表输入数组字段
我有一个表单,其中包含一个带有输入字段的表。我想根据第一个的选定值选择要更新的第二个输入字段 使用AJAXJavascript 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>
<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中进行追加谢谢您宝贵的建议。我已经编辑了我的答案。