php - AJAX/PHP - 通过一次 ajax 调用填充不同类型的输入字段

Question

我想出了如何通过 AJAX 填充文本框。我还可以通过 AJAX 填充下拉选择框。但我似乎无法通过一个 AJAX 调用同时填充文本框和选择框。

这是我所拥有的内容的娱乐:

<?php echo "
<script type="text/javascript" language="javascrpt">$(document).ready(function(){ 
        $('#test').change(function() {
            $.ajax({
                url:"myurl",
                type:"POST",
                dataType: "json",
                data: {test: $(this).val()},
                success:function(data)
                {
                    $('#team1').val(data["team1"]);
                    $('#team2').val(data["team2"]);
                    $('#team_member1').val(data["g1"]);
                }
            });
        });
});
</script>

<select name='test' id='test'>
  <option value='1'></option>
  <option value='2'></option>
  <option value='3'></option>
</select>

<input type='text' name='team1' id='team1' value='".$t1."'>
<select name='team_member1 id='team_member1'>
  <option value='".$output."'></option> <!--!!HELP HERE!!-->
</select>

<input type='text' name='team2' id='team2' value='".$t2."'>

myurl.php

<?php
$con = mysqli_connect("localhost","root","root","local");
$output='';

$sql = "SELECT name FROM team WHERE id='".$_POST["test"]."'";
$result = $con->query($sql);

while($row = $result->fetch_assoc())
{
    $output .= '<option value="'.$row['name'].'">'.$row['name'].'</option>';
}


$t1='Boston Falcons';
$t2='Human Resources';

$response = array(
    "team1" => $t1,
    "team2" => $t2,
    "g1"=>$output, <---mysql resultset for dropdown not working
    );
    echo json_encode($response);
?>

更改 #test 后，AJAX 能够使用 中各自的字符串预先填充 #team1 和 #team2 文本字段myurl.php。

但是，它不会使用选项列表$output(mysql 结果集)预先填充#team_member1。

提前致谢。

Answer 1

事实证明，AJAX成功后，我需要返回$('#team_member1').html(data["g1"]);

而不是$('#team_member1').val(data["g1"]);