jquery.ajax-combobox
Basic

1st arg: File name to send data by Ajax
2nd arg: Options

第1引数にAjax送信先のファイル名を、
第2引数にオプションを設定します。

HTML

<link rel="stylesheet" href="jquery.ajax-combobox.css">

<input id="foo" type="text">

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="jquery.ajax-combobox.js"></script>

JavaScript

$('#foo').ajaxComboBox(
  'jquery.ajax-combobox.php',
  {
    lang: 'en', // Set language to English
    db_table: 'nation', // DB table to search
    button_img: 'btn.png', // Image for pull-down button
  }
);

$('#foo').ajaxComboBox(
  'jquery.ajax-combobox.php',
  {
    per_page: 20, // Amount of list items
    navi_num: 10 // Amount of pages
  }
);

When you set options below, besides its name, you can search by id.

下記のように指定することで、名前の他にIDでも検索できます。

$('#foo').ajaxComboBox(
  'jquery.ajax-combobox.php',
  {
    search_field: 'name, id'
  }
);

Default is "AND". You can change it to "OR".

デフォルトはAND検索ですがOR検索にすることもできます。

$('#foo').ajaxComboBox(
  'jquery.ajax-combobox.php',
  {
    and_or: 'OR'
  }
);

Basically, list is ordered by search_field option.
You can change it by order_by option.

基本的には、"search_field"オプションに指定されたフィールドの昇順に並べ替えられます。
"order_by"オプションで任意に指定することもできます。

$('#foo').ajaxComboBox(
  'jquery.ajax-combobox.php',
  {
    order_by: [
      'name DESC', // ASC or DESC
      'created'
    ]
  }
);

Set lang option to choose language used in this plugin's UI.

このプラグインのUIで使う言語をlangオプションで指定してください。

Option value	Language
de	German (Thanks Sebastian Gohres)
en (default)	English
es	Spanish (Thanks Joaquin G. de la Zerda)
pt-br	Brazilian Portuguese (Thanks Marcio de Souza)
ja	Japanese

Set navi_simple when you want to narrow the width of the ComboBox as much as possible.
Shortcut key is still enable. (Shift+Left/Right)

ComboBoxの幅をできるだけ狭くしたい場合は、navi_simpleオプションで先頭・末尾のページへのリンクを非表示にできます。
なお、キーボードのショートカットは有効のままです。(Shift+右/左)

$('#foo').ajaxComboBox(
  'jquery.ajax-combobox.php',
  {
    navi_simple: true
  }
);