如何动态添加选择选项下拉列表

时间:2016-03-16 10:19:40

标签: php jquery ajax

我的动态选择选项有问题。我的问题是我的选择选项没有显示任何内容,只显示空白。我已经尝试了很多次而且我被困住了

这是我的html选择选项代码

<select name="jumlahpesan" id="jumlahpesan" data-native-menu="false">
    <option value="choose-one" data-placeholder="true">Choose one... </option>
</select>

这是我的ajax代码,可以获取值来填写我的选择选项

$.ajax({
            url: host+'/skripsi3/phpmobile/cekjumlah.php',
            data: { "id": getacara},
            dataType: 'json',
            success: function(data, status){
                $.each(data, function(i,item){  
                        $("#jumlahpesan").append('<option value="'+item.jumbros+'">"'+item.jumbros+'"</option>').trigger("create")
                });
            },
            error: function(){
                //output.text('There was an error loading the data.');
            }
        });

最后,这是我的“cekjumlah.php”

<?php
session_start();
include "config.php";
$idacara=mysql_real_escape_string($_GET["id"]);
$arr = array();
$result=mysql_query("select jumlahpesan from acara where    id_acara='$idacara'");
if (!empty($result))
{
    while ($row=mysql_fetch_array($result))
    {
        $tempjum = $row['jumlahpesan'];
        for($i=0;$i<$tempjum;$i++)
        {
            $fetchkategori[] = array
            (   
                'jumbros' => $i,

            );  
        }
    }
}

mysql_close($con);

header('Content-Type:application/json');
echo json_encode($fetchkategori);
?>

我想在我的循环“cekjumlah.php”中填写我的选择选项,并用我的ajax调用我的php。谢谢

这是我的Ajax响应

[{"jumbros":0},{"jumbros":1},{"jumbros":2}]

1 个答案:

答案 0 :(得分:0)

我无法真正帮助你处理PHP方面的事情,所以如果有问题,我就看不到它。

但是你似乎错误地使用了.each(),因为每个都是为了迭代jquery选择的元素并为每个元素执行一个函数,而你似乎试图将它用作数据的foreach < / p>

我认为你必须用

替换$ .each
for item in data{
   $("#jumlahpesan").append('<option value="'+item.jumbros+'">"'+item.jumbros+'"</option>').trigger("create")
}

(我假设数据是JSON数组,您可能必须先使用JSON.parse(数据)来判断您帖子中的一些评论。