Last active
January 2, 2017 05:36
-
-
Save dasbairagya/5bcdc090fe8c6cb31d96d9cb467cb24a to your computer and use it in GitHub Desktop.
JQuery autocomplete input-field by term-taxonomy.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| /** | |
| * Template Name: Test | |
| * Created by PhpStorm. | |
| * User: PC35 | |
| * Date: 23-12-2016 | |
| * Time: 10:32 | |
| */ | |
| ?> | |
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>jQuery UI Autocomplete - Default functionality</title> | |
| <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.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> | |
| </head> | |
| <body> | |
| <div class="col-md-4"> | |
| <div class="form-group"> | |
| <label style="color:#fff">Where</label> <span id="passwordloc" style="color: red"></span> | |
| <input type="text" class="form-control" name="where" id="tags" placeholder="City or State"> | |
| </div> | |
| </div> | |
| <?php $terms = get_terms( array( | |
| 'taxonomy' => 'keyword', | |
| 'hide_empty' => false, | |
| ) ); | |
| $arr = []; | |
| foreach($terms as $term){ | |
| $arr[] = json_encode($term->name); | |
| $keyword = implode(',',$arr); | |
| } | |
| ?> | |
| <script> | |
| $( function() { | |
| var availableTags = [<?php echo $keyword ?>]; | |
| $( "#tags" ).autocomplete({ | |
| source: availableTags | |
| }); | |
| } ); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment