使用下拉选择自动填充 PHP 表单中的选择字段

Question

我使用引导程序和 CI。我创建了一个包含 2 个从 MySQL 检索数据的下拉列表。

我有tb_sekolah 表，其中id、kota、nama、provinsi 和status_sekolah 作为列名。

我确实在第一个下拉列表的tb_sekolah 表中显示了来自kota 的数据。问题是，我想在第二个下拉列表中显示来自nama 的数据。如果用户在第一个下拉列表中选择数据，则第二个下拉列表显示来自nama 的数据。

示例：kota 列有 yogyakarta、bantul 和 sleman 等数据。 nama 列有 sma 1 yogyakarta、sma 3 yogyakarta、sma 1 sewon、sma 1 sleman 等数据。如果用户在第一个下拉列表中选择yogyakarta，则第二个下拉列表仅显示sma 1 yogyakarta 和sma 3 yogyakarta

Answer 1

首先，您必须禁用第二个下拉列表，然后必须编写jQuery/javascript函数，该功能在选择第一个下拉列表中的某些内容时调用更改事件。

。

$('#select').on('change',function(){

    var value = $(this).text();
    $.ajax({
        url: "url goes here",
        data: value
    }).done(function(data) {
        $('#secondDropdown').removeClass('disabled');
        $('#firstDropdown').html(data);
    });

});

url 必须指向一个控制器函数，该函数将以 html 格式查询和发送相关的下拉选项。

foreach ($options as $option) {
        $string = $string.
        "<option value=$option->name>$option->name</option>"; 
}

Answer 2

这是我在很多框架中遇到的一个常见问题，解决这个问题的最简单的方法是创建一个包含 HTML 的字符串，用于由 sql 填充的列表，这是我在 LARAVEL 中使用的我的个人脚本随意使用。

$string = "<option value=></option>";
foreach ($categories as $category_item)
{
        $string = $string.
        "<option value=$category_item->name>$category_item->name</option>";
}

Answer 3

试试这个：

1) 首先，您必须在从第一个下拉列表中选择值后进行 ajax 调用。我会使用 jQuery，但可以在您方便的时候随意使用。

$.ajax({
    url : 'path/to/url/get_nama',
    dataType : 'json',
    method : 'get',
    data : {
        kota : $("#first_dropdown").val()
    },
    success : function(data){
        //add data to second column here
        $("#second_dropdown").empty();
        for(d in data['nama']){
            $("#second_dropdown").append("<option value='" + data['nama'][d].id + "'>" + data['nama'][d].nama + "</option>");
        }
    },
    error : function(){}
});

在你的 php 模型代码中：

function get_nama()
{
    $kota = $this->input->get('kota');

    $query = $this->db->query("SELECT id, nama FROM tb_sekolah WHERE kota = '{$kota}'");

    $data = array(
        'nama' => $query->result_array(),
        'success' => TRUE
    );

    print json_encode($data);

}