Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Bagaimana cara membuat auto select lebih dari satu
6 Jawaban:
yg dimaksud apa? koding yg agan buat mana? Tolong lebih jelas, karena kami bukan dukun yg main terawang aja.
HTMLNYA <pre> <div class="form-group"> <label for="NIP">NIP / Nama </label> <input id="NIP" class="form-control input-square"autofocus="" placeholder="Input NIP Diperintahkan"> </div>
</pre>
Java Scriptnya
<pre>
<script>
//Pemanggilah NIP
$(function() {
$( "#NIP" ).autocomplete({
source: 'pages/search.php'
});
});
//pemanggilan Nama
$(function() {
$( "#Nama" ).autocomplete({
source: 'pages/search.php'
});
});
</script> </pre>
Coding untuk mengambil data dari databasenya <pre> $searchTerm = $_GET['term']; //get matched data from skills table $query = $db->query("SELECT NIP,Nama FROM pegawai WHERE Nama LIKE '%".$searchTerm."%' OR NIP LIKE '%".$searchTerm."%' ORDER BY NIP ASC"); while ($row = $query->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> <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Autocomplete - Multiple values</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( 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;
}
});
} ); </script> </head> <body>
<div class="ui-widget"> <label for="tags">Tag programming languages: </label> <input id="tags" size="50"> </div>
</body> </html> </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