首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用ajax (codeigniter)在我的编辑表单中获取和显示所选值到<select2>标记中

使用Ajax (CodeIgniter) 在编辑表单中获取和显示所选值到 <select2> 标记中的步骤如下:

  1. 首先,确保你已经引入了 jQuery 和 CodeIgniter 的相关文件。
  2. 在你的视图文件中,创建一个 <select2> 标记,并为其添加一个唯一的 ID,例如:
代码语言:txt
复制
<select id="select2" name="select2"></select>
  1. 在你的控制器中,创建一个方法来处理 Ajax 请求,获取所需的数据。例如,创建一个名为 getOptions() 的方法:
代码语言:txt
复制
public function getOptions() {
    // 获取所需的数据,可以从数据库或其他来源获取
    $options = array(
        array('id' => 1, 'text' => '选项1'),
        array('id' => 2, 'text' => '选项2'),
        array('id' => 3, 'text' => '选项3')
    );

    // 将数据转换为 JSON 格式
    $jsonOptions = json_encode($options);

    // 输出 JSON 数据
    echo $jsonOptions;
}
  1. 在你的视图文件中,使用 JavaScript 发起 Ajax 请求,获取数据并将其添加到 <select2> 标记中。例如:
代码语言:txt
复制
$(document).ready(function() {
    // 使用 Ajax 请求获取数据
    $.ajax({
        url: "<?php echo site_url('controller/getOptions'); ?>", // 替换为你的控制器和方法的 URL
        type: "GET",
        dataType: "json",
        success: function(data) {
            // 将获取的数据添加到 <select2> 标记中
            $.each(data, function(index, option) {
                $('#select2').append('<option value="' + option.id + '">' + option.text + '</option>');
            });

            // 初始化 <select2> 标记
            $('#select2').select2();
        }
    });
});

以上步骤中,我们首先在视图文件中创建了一个空的 <select2> 标记,并为其添加了一个唯一的 ID。然后,在控制器中创建了一个方法来处理 Ajax 请求,并获取所需的数据。接下来,在视图文件中使用 JavaScript 发起 Ajax 请求,获取数据并将其添加到 <select2> 标记中。最后,我们使用 select2() 方法来初始化 <select2> 标记,使其具有选择功能。

这样,当你的编辑表单加载时,Ajax 请求将被触发,所选值将被获取并显示在 <select2> 标记中。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券