Menggunakan Pelengkapan Otomatis mengisi lebih dari satu bidang

Saya mencoba menerapkan pelengkapan otomatis melalui plugin penyelesaian otomatis jquery. Saya telah menggunakan skrip dari sini pelengkapan otomatis jQuery UI. Saat ini saya memiliki bidang bernama 'Pencarian Infeksi' tempat saya menyimpan 'Deskripsi'.

<tr>
<td>Search Infection</td>
<td>
<input id="tags" type="text"  size="80" /></td>
</tr>

ini berfungsi dengan baik untuk pelengkapan otomatis.

Saya juga memiliki bidang bernama 'Kode pendek' di mana saya ingin menyimpan Kode.

<tr>
<td>Short Code</td>
<td>
<input id="" type="text"  size="15" /></td>
</tr>

Apakah ada cara agar saya dapat menyimpan kode di bidang 'kode pendek' ketika pengguna mencari Deskripsi di bidang infeksi?

Tolong, tolong bantu.

  CODE and DESCRIPTION list.

  ---------------------------------------------------------
  Code  Description
  ---------------------------------------------------------
  ID01  Actinomycosis
  ID02  Aspergillosis
  ID03  Bacteraemia / blood stream infection/ Septicaemia
  ID04  Bacterial meningitis
  ID05  Bronchiectasis
  ID06  Candidiasis
  ID07  Carotid patch infection
  ID08  Cellulitis
  ID09  Cerebral abscess
  ID10  Cholangitis
  ---------------------------------------------------------------------
  =====================================================================

  <script>
  $(function() {
    var availableTags = [
                  "Actinomycosis",
                  "Aspergillosis",
                  "Bacteraemia / blood stream infection/ Septicaemia",
                  "Bacterial meningitis",
                  "Bronchiectasis",
                  "Candidiasis",
                  "Carotid patch infection",
                  "Cellulitis",
                  "Cerebral abscess",
                  "Cholangitis" 
                    ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});
</script>

person jk1844    schedule 21.05.2012    source sumber
comment
Ini tidak jelas bagi saya, Anda mencoba untuk mendapatkan Id infeksi di 'kode pendek' td ketika melakukan pelengkapan otomatis (tetapi di belakang)?   -  person Oscar Jara    schedule 21.05.2012
comment
Saya belum mengujinya, tapi menurut saya Anda harus bisa mengikat onchange ke bidang penyelesaian untuk mencapai apa yang Anda inginkan. $('#tags').bind('change', function(e) { //lakukan pekerjaanmu });   -  person Tom    schedule 21.05.2012
comment
Satu pertanyaan lagi, apakah Anda menggunakan PHP untuk ini?   -  person Oscar Jara    schedule 21.05.2012
comment
saya menggunakan csp (halaman server cache). saya pada dasarnya ingin menghubungkan kode dengan deskripsi saat melakukan pelengkapan otomatis. (ya kodenya muncul di belakang)   -  person jk1844    schedule 21.05.2012


Jawaban (2)


Coba ke tautan ini.

Itu contoh kodenya adalah:

var availableTags = [
    {key:"ID01",value:"Actinomycosis"},
    {key:"ID02",value:"Aspergillosis"},
    {key:"ID03",value:"Bacteraemia / blood stream infection/ Septicaemia"}
];

http://jsfiddle.net/5EsAb/3/

person turankonan    schedule 21.05.2012

Saya membuat ini untuk Anda:

Saya juga menggunakan plugin untuk acara teks:

http://www.zurb.com/playground/javascripts/plugins/jquery.textchange.min.js

(untuk membersihkan kode pendek ketika infeksi tidak cocok dengan kode yang lebih sedikit)

Demo Langsung: http://jsfiddle.net/oscarj24/SUckd/1/

person Oscar Jara    schedule 21.05.2012
comment
inilah yang saya inginkan. terima kasih. ketika saya memuatnya di halaman saya sepertinya tidak berfungsi. Saya menggunakan ‹script src=ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js type=text/javascript›‹/script› - person jk1844; 21.05.2012
comment
Oscar banyak terima kasih... berfungsi dengan baik. bantuan semua orang sangat kami hargai. - person jk1844; 21.05.2012
comment
@ jk1844 Tidak masalah, saya di sini untuk membantu. Jangan lupa untuk memeriksa jawaban ini sebagai jawaban yang benar :-) - person Oscar Jara; 21.05.2012
comment
satu pertanyaan terakhir, sebenarnya saya mempunyai lebih dari 100 infeksi. apakah mungkin untuk memiliki bilah gulir jika lebih dari 10 hasil? - person jk1844; 21.05.2012
comment
plugin pelengkapan otomatis jquery ini akan mencocokkan berbagai hal agar tidak kehilangan desainnya, misalnya jika saya menulis 'C' akan memfilter semuanya dengan 'C' dan desain akan terlihat bagus, jadi tidak ada masalah untuk bilah gulir :-) Satu pertanyaan, apakah Anda mengerti infeksi dari database? - person Oscar Jara; 21.05.2012
comment
saya punya tabel di database dengan semua infeksi. apakah ada cara untuk mencari (atau mencari) data dari tabel, daripada mencantumkannya dalam skrip jquery? terima kasih - person jk1844; 21.05.2012
comment
Apakah Anda menggunakan PHP? ya, ada cara untuk mendapatkan elemen dari db menggunakan jquery, mudah tapi saya perlu tahu bahasanya - person Oscar Jara; 21.05.2012
comment
saya menggunakan Cache antarsistem, csp (halaman server cache). tautan mirip dengan SQL - person jk1844; 21.05.2012
comment
Uhm, itu baru bagi saya, tapi bahasa pemrograman apa yang Anda gunakan untuk sistem Anda? - person Oscar Jara; 21.05.2012
comment
Bahasanya sendiri disebut 'cache' kami membuat formulir di halaman csp (berfungsi seperti halaman html atau seperti ASP). kami menanyakan database menggunakan cachesql mirip dengan sql. - person jk1844; 21.05.2012
comment
Oh, maaf itu baru bagi saya, saya mendengarnya tetapi tidak pernah menggunakannya, saya tahu cara mendapatkan data dari db menggunakan PHP dan jQuery, bukan CSP :-) - person Oscar Jara; 22.05.2012
comment
mungkin Anda bisa memberi saya ide tentang cara menginterogasi data dari db menggunakan jquery dan/atau PHP. saya akan melihat apakah saya bisa mengadopsinya di Cache. terimakasih banyak. - person jk1844; 22.05.2012