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

Question

我使用 bootstrap 和 CI。我创建了一个包含 2 个下拉列表的表单，用于从 MySQL 检索数据。

我有tb_sekolah表 id , kota , nama , provinsi和status_sekolah作为列名称。

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

示例:列 kota有日惹、类图尔和斯勒曼等数据。专栏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 必须指向一个 Controller 函数，该函数将以 html 格式查询并发送相关的下拉选项。

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