Bagaimana cara membuat auto select lebih dari satu

yg dimaksud apa? koding yg agan buat mana? Tolong lebih jelas, karena kami bukan dukun yg main terawang aja.

HTMLNYA <pre> &lt;div class="form-group"&gt; &lt;label for="NIP"&gt;NIP / Nama &lt;/label&gt; &lt;input id="NIP" class="form-control input-square"autofocus="" placeholder="Input NIP Diperintahkan"&gt; &lt;/div&gt;

</pre>

Java Scriptnya <pre>
&lt;script&gt; //Pemanggilah NIP $(function() { $( "#NIP" ).autocomplete({ source: 'pages/search.php' }); }); //pemanggilan Nama $(function() { $( "#Nama" ).autocomplete({ source: 'pages/search.php' }); });

&lt;/script&gt; </pre>

Coding untuk mengambil data dari databasenya <pre> $searchTerm = $_GET['term']; //get matched data from skills table $query = $db-&gt;query("SELECT NIP,Nama FROM pegawai WHERE Nama LIKE '%".$searchTerm."%' OR NIP LIKE '%".$searchTerm."%' ORDER BY NIP ASC"); while ($row = $query-&gt;fetch_assoc()) { $data[] = $row['NIP'].' - '.$row['Nama']; } //return json data $var = json_encode($data); echo $var; </pre>

jelasin gan, biar kami gampang membantunya gan. Coba jelasin lebih detail dan mudah dimengerti.

<img src=' http://www.diskusiweb.com/uploads/editor/eg/v388ze2ei4ka.jpg '>

ketika saya memasukan input kedalam field itu bisa mutiple kaya gini gan, ada tutotial web yang bisa saya pelajari

<pre> &lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; &lt;title&gt;jQuery UI Autocomplete - Multiple values&lt;/title&gt; &lt;link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"&gt; &lt;link rel="stylesheet" href="/resources/demos/style.css"&gt; &lt;script src="https://code.jquery.com/jquery-1.12.4.js"&gt;&lt;/script&gt; &lt;script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"&gt;&lt;/script&gt; &lt;script&gt; $( function() { var availableTags = [ //ini data yang akan di tampilkan di comobox, nah kalau mau nampilin dari database gimana merbahnya "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" ]; function split( val ) { return val.split( /,\s*/ ); } function extractLast( term ) { return split( term ).pop(); }

$( "#tags" )
  // don't navigate away from the field on tab when selecting an item
  .on( "keydown", function( event ) {
    if ( event.keyCode === $.ui.keyCode.TAB &&
        $( this ).autocomplete( "instance" ).menu.active ) {
      event.preventDefault();
    }
  })
  .autocomplete({
    minLength: 0,
    source: function( request, response ) {
      // delegate back to autocomplete, but extract the last term
      response( $.ui.autocomplete.filter(
        availableTags, extractLast( request.term ) ) );
    },
    focus: function() {
      // prevent value inserted on focus
      return false;
    },
    select: function( event, ui ) {
      var terms = split( this.value );
      // remove the current input
      terms.pop();
      // add the selected item
      terms.push( ui.item.value );
      // add placeholder to get the comma-and-space at the end
      terms.push( "" );
      this.value = terms.join( ", " );
      return false;
    }
  });

} ); &lt;/script&gt; &lt;/head&gt; &lt;body&gt;

&lt;div class="ui-widget"&gt; &lt;label for="tags"&gt;Tag programming languages: &lt;/label&gt; &lt;input id="tags" size="50"&gt; &lt;/div&gt;

&lt;/body&gt; &lt;/html&gt; </pre>

<a href='https://sekolahkoding.com/kelas/website-kutipanquote-dengan-laravel '>https://sekolahkoding.com/kelas/website-kutipanquote-dengan-laravel </a> disana ada sistem tag, mungkin berguna tutorialnya