javascript - 如何使用 ajax 调用创建选择选项。在检索时它会生成一个数组

标签 javascript php jquery json ajax

如何将生成的数组数据添加为选择选项以获取下拉列表?

 <html>
    <script>
    $(document).ready(function() {
        $("#class_name").change(function(){
            var class_id=$("#class_name").val();
            //alert(""+class_id);
            $.ajax({
                url: "../masters/getsection.php", 
                type: "POST",            
                data:"class_id="+class_id,

                 success: function(data){
                    alert(data);

                }



    });
        });
});

</script>
<body>
<div class="form-group">
            <div class="col-sm-9">
            <select name="class_name" class="form-control" id="class_name">
            <?php
            sizeof($StudentArray);
            for($i=0;$i<sizeof($StudentArray);$i++){
            echo "<option value='".$StudentArray[$i]     ['classId']."'>".$StudentArray[$i]['name']."</option>";
            }
            ?>
            </select>
        </div>
    <div class="form-group">
                <div class="col-sm-9">
                <select  class="form-control" name="section_name" id="section_name" >
                <option value=array['sec_id']>.array['sec_name']</option>//how to give the array value here?

            </select>
        </div>
    </div>

数据数组成功给出的结果为

 array([0]=>array(['sec_id']=>1['name']=>A)
 [1]=>array(['sec_id']=>2['name']=>B)
 )

我的问题是如何在第二个打印这个数组值? 我的 getsection.php 是

<?php
include '../common/inc.common.php';
$class_id=$_POST['class_id'];
$tableName1 = "section";
$fields1="sec_id,sec_name";
$conditions1="where stat='A' and class_id='$class_id'";
 $SectionArray = $Cobj->getCustomData($tableName1,$fields1, $conditions1);
print_r($SectionArray);
?>

最佳答案

在您的 getsection.php 文件中删除 print_r($SectionArray); 行并添加

echo json_encode($elements); This statement.

之后修改

success: function(data){
                    alert(data);

                } 

success: function(data){
 for (var i = 0; i < data.length; i++) {
    $('#section_name').append('<option value="' + data[i].sec_id + '">' + data[i].name+ '</option>');
 }
}

关于javascript - 如何使用 ajax 调用创建选择选项。在检索时它会生成一个数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32539149/

相关文章:

php - 创建你自己的 TinyURL

php - 如何在 mailgun API 中使用变量?

php - 上传3.0的问题

javascript - Javascript 循环中使用最后一个参数的 jQuery 单击绑定(bind)函数

Javascript - 触发点击

c# - 单击另一个 div 时如何动态设置 Javascript 以展开 div?

javascript - 为散点图中的每个点绘制词云

jQuery ui 可拖放到 iframe 中

javascript - 选中单选按钮时,如何从 span 中获取 Apple?查询

javascript - 页面加载时对 Javascript/Jquery 中的 bootstrap modal-body 元素进行排序