使用Ajax (CodeIgniter) 在编辑表单中获取和显示所选值到 <select2>
标记中的步骤如下:
<select2>
标记,并为其添加一个唯一的 ID,例如:<select id="select2" name="select2"></select>
getOptions()
的方法: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;
}
<select2>
标记中。例如:$(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>
标记中。
领取专属 10元无门槛券
手把手带您无忧上云