使用ajax和select2设置数据属性

<script src="jquery.min.js"></script>
<link href="select2.min.css" rel="stylesheet" />
<script src="select2.min.js"></script>

<select id="mySelect"></select>

$(document).ready(function() {
  $('#mySelect').select2({
    ajax: {
      url: 'data.php', // 服务器端数据接口URL
      dataType: 'json',
      delay: 250,
      data: function(params) {
        return {
          q: params.term // 搜索关键字
        };
      },
      processResults: function(data) {
        return {
          results: data // 服务器返回的数据
        };
      },
      cache: true
    },
    minimumInputLength: 1 // 最小输入字符数触发搜索
  });
});

<?php
$q = $_GET['q']; // 获取搜索关键字

// 根据关键字查询数据，并返回JSON格式的结果
$data = array(
  array('id' => 1, 'text' => 'Option 1'),
  array('id' => 2, 'text' => 'Option 2'),
  array('id' => 3, 'text' => 'Option 3')
);

echo json_encode($data);
?>