Hallo, ich habe eine Testseite mit Jquery Autocomplete erstellt, welche funktioniert.
Jedoch wollte ich das Jquery Autocomplete jetzt auf ein Bootstrap Modal anwenden, und es klappt nicht. Es werden nicht die Daten, wie bei der Testseite geladen.
Der Code auf der Seite ist wie folgt:
Es gibt noch eine Datei mit den Logindaten, aber wie bereits oben gesagt, funktioniert das Script an sich ja, nur nicht bei folgenden Bootrrap Modal Form;
Ich bitte um eine Antwort.
Gruß Fynn
Jedoch wollte ich das Jquery Autocomplete jetzt auf ein Bootstrap Modal anwenden, und es klappt nicht. Es werden nicht die Daten, wie bei der Testseite geladen.
Der Code auf der Seite ist wie folgt:
HTML-Code:
<script type="text/javascript"> $(document).ready(function() { var tagApi = $(".tm-input").tagsManager(); jQuery(".typeahead").typeahead({ name: 'tags', displayKey: 'name', source: function (query, process) { return $.get('ajaxpro.php', { query: query }, function (data) { data = $.parseJSON(data); return process(data); }); }, Select :function (item){ $('#name').val(ui.item.label); // display the selected text $('#tags').val(ui.item.value); // save selected id to input return false; } }); }); </script>
HTML-Code:
<div id="add_data_Modal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Test</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <form method="post" id="insert_form"> <label>Enter Employee Name</label> <input type="text" name="tags" placeholder="Straßenname hier" class="typeahead tm-input form-control tm-input-info"/> <br /> <label>Enter Employee Address</label> <textarea name="address" id="address" class="form-control"></textarea> <br /> <label>Select Gender</label> <select name="gender" id="gender" class="form-control"> <option value="Male">Male</option> <option value="Female">Female</option> </select> <br /> <label>Enter Designation</label> <input type="text" name="designation" id="designation" class="form-control" /> <br /> <label>Enter Salary</label> <input type="text" name="salary" id="salary" class="form-control" /> <br /> <input type="hidden" name="employee_id" id="employee_id" /> <input type="submit" name="insert" id="insert" value="Insert" class="btn btn-success" /> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> </div> </div> </div> </div>
Gruß Fynn
Kommentar