Posted By

ulfinger on 11/29/14

Tagged

jquery

Versions (?)

Last Edited at 11/29/14 11:25pm

Statistics

Viewed 841 times

Favorited by 0 user(s)

Related snippets

jQuery UI input autocomplete mit Datenbank

/ Published in: jQuery

Mit dem php-Script innerhalb der Seite wird aus der SQL-Datenbank ein Javascript-Array zusammengestellt. Darauf greift das autocomplete-Widget zu.

Highlighted TextExpand

<html>
<head>
<?php
// Verbindung zur Datenbank herstellen
$db_server    = "localhost";
$db_user      = "db12345-user";
$db_passwort  = "geheimnis";
$db_name      = "db12345-db";
$db = @ mysql_connect($db_server, $db_user, $db_passwort)
or die ( 'Konnte keine Verbindung zur Datenbank herstellen' );
$db_select = @ mysql_select_db($db_name );

// EintrÃƒÂ¤ge aus Datenbank abrufen
$autoFrage = "SELECT  tblObject_1.input_name FROM tblObject_1";
$autoResult = mysql_query($autoFrage);
while($autoDaten = mysql_fetch_object($autoResult)){
    $autoString .= '"'.$autoDaten->input_name.'",';
}
?>
<script type="text/javascript">
  $(function() {
    var availableTags = [<?php echo $autoString; ?>];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  });
</script>
<style type="text/css">
  /* Formatierung der Ergebnisse: *>

/* Die Statuszeile von jQuery UI autocomplete wird ausgeblendet: */
  .ui-helper-hidden-accessible {display: none;}
</style>
</head>
<body>
  <form>
    <input type="text" id="tags" name="eingabe"/>
  </form>
</body>
</html>

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.