jquery.ajax-combobox
Sub info

Even though duplicate names exist, you can identify it by sub name.

名前が重複していてもサブ情報で区別できます。

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

sub_as option can change the title.

何も設定しないと、サブ情報の表の項目名はデータベースのカラム名が表示されてしまいます。
sub_asオプションで表示名を変更できます。

$('#foo').ajaxComboBox(
  'jquery.ajax-combobox.php',
  {
  sub_info: true,
    sub_as: {
      id: 'Employer ID',
      post: 'Post',
      position: 'Position'
    }
  }
);

You can specify visible fields by show_field option which accepts comma separated text.

カンマ区切りもできるshow_fieldオプションで表示フィールドを指定できます。

$('#foo').ajaxComboBox(
  'jquery.ajax-combobox.php',
  {
    sub_info: true,
    sub_as: {
      post: 'Post',
      position: 'Position'
    },
    show_field: 'position, post'
  }
);

         

You can specify hidden fields by hide_field option which accepts comma separated text.

カンマ区切りもできるhide_fieldオプションで非表示フィールドを指定できます。

$('#foo').ajaxComboBox(
  'jquery.ajax-combobox.php',
  {
    sub_info: true,
    sub_as: {
      post: 'Post',
      position: 'Position'
    },
    hide_field: 'position, post'
  }
);

You can hide field column by setting 'simple' to sub_info option instead of true.

sub_infoオプションにtrueの代わりに'simple'と指定することでサブ情報の項目名を非表示にできます。

$('#foo').ajaxComboBox(
  'jquery.ajax-combobox.php',
  {
    sub_info: 'simple',
    show_field: 'post'
  }
);

When you select from list, the custom attribute sub_info which contains sub info as JSON is added to the text box
Then you can use Sub-info for other purpose.

候補を選択した際、テキストボックスのsub_infoという独自の属性にJSON形式でサブ情報が格納されるので、他で利用することが可能です。

$('#foo').ajaxComboBox();

var json = $('#foo').attr('sub_info');