Je veux créer JQuery Autocomplete avec CodeIdIditer avec des données ci-dessous: mon contrôleur: p> code JavaScript: P> <div id="body">
Text: <input type="text" id="autocomplete" />
</div>
<div id="body">
Text: <input type="text" id="code" />
</div>
3 Réponses :
Essayez de modifier vos codes JavaScript comme celui-ci:
$(function () {
$("#autocomplete").autocomplete({
source: function (request, response) {
$.ajax({
url: "<?php echo base_url('search_product'); ?>",
data: {
bahasa: request.term
},
dataType: "json",
type: "POST",
success: function (data) {
response(data);
}
});
},
select: function (event, ui) {
$('#autocomplete').val(ui.item.name); // display the selected text
$('#code').val(ui.item.id); // save selected id to input
return false;
},
});
});
Merci pour votre conseil. La requête a bien fonctionné, mais sur l'ID de texte d'entrée = "Terminé", il n'y a pas de suggestions autocompresses. ils donnent un résultat vierge. Lorsque je vérifie le journal de la console, il y avait eu des résultats. S'il vous plaît donnez votre avis. Merci.
Umm, je ne vois pas de ID = "Terminer" entrée de votre code, obtenez-vous un message d'erreur sur votre console?
Le code ci-dessous fonctionne comme souhaité: -
contrôleur p> modèle p> vue p > <script>
$(document).ready(function () {
$( "#autocomplete" ).autocomplete({
source: function(request, response) {
$.ajax({
url: "<?php echo base_url('home2/search_product'); ?>",
data: { bahasa: request.term},
dataType: "json",
type: "POST",
success: function(data){
response(data);
}
});
},
select: function (event, ui) {
$('#autocomplete').val(ui.item.label);
$('#code').val(ui.item.value);
return false;
}
});
});
</script>
pour SATECOMPOMPETE, j'utilise TimeAead Autocomplete JS. S'il vous plaît voir ce lien TOREAHEAD JS
Inclure le fichier CSS et JS P>
public function getGlobalSearch($data)
{
$this->db->select(array('id', 'sortname', 'name'));
$this->db->from('countries');
$this->db->where('status', '1');
$this->db->like('name', $data, 'both');
$country = $this->db->get()->result_array();
}
Merci pour votre conseil, je peux maintenant faire correctement la tâche automatique.
Bonjour @adin Ramdhan, tu as des erreurs?