2012-05-18 1 views
0

J'utilise le JQuery auto complete (jquery.autocomplete.js). et je me demande comment puis-je soumettre un formulaire une fois qu'un article a été sélectionné? actuellement quand un article est sélectionné, vous devez appuyer sur entrer deux fois, une fois à obtenir l'article dans le champ de recherche, et une fois pour soumettre la recherche. Je voudrais aime soumettre la recherche sur la première entrée ou quand un élément sélectionnant par la souris.JQuery auto complète et formulaire de soumission automatique

comment puis-je l'utiliser pour envoyer le formulaire ???? Ce est mon code ::

$(function() { 
    $("#artist").autocomplete({ 
    source: function(request, response) { 
      $.ajax({ 
       url: "http://", 
       dataType: "jsonp", 
       data: { 
        results: 12, 

        format:"jsonp", 
        name:request.term 
       }, 

C'est la forme ::

<form id="mainSearchForm" onSubmit="ytvbp.listVideos(this.queryType.value, this.searchTerm.value, 1); document.forms.searchForm.searchTerm.value=this.searchTerm.value; ytvbp.hideMainSearch(); document.forms.searchForm.queryType.selectedIndex=this.queryType.selectedIndex; return false;"> 
     <div align="left"> 
     <select name="queryType" onChange="ytvbp.queryTypeChanged(this.value, this.form.searchTerm);"> 
      <option value="all" selected="true">All Videos</option> 
      <option value="top_rated">Top Rated Videos</option> 
      <option value="most_viewed">Most Viewed Videos</option> 
      <option value="recently_featured">Recently Featured Videos</option> 

     </select> 
     <input name="searchTerm" id="artist" > 
     <input type="submit" value="Search"> 
     </div> 
     </form> 
+0

votre code postal autocomplete – Dunhamzzz

+0

Vous pouvez utiliser 'onchange' et soumettre le formulaire. – Dev

Répondre

0

vous pouvez utiliser la fonction de sélection comme celui-ci, Select Event in Autocomplete

$("#yourID").autocomplete({ 
     source: "YourUrl.php", 
     minLength: 2, 
     select: function(event, ui) { 
      log(ui.item ? 
       "Selected: " + ui.item.value + " aka " + ui.item.id : 
       "Nothing selected, input was " + this.value); 
          // you can replace this and put the submit code. by calling submit() method. 
         $(this).closest('form').trigger('submit'); 

     } 
    }); 
4

Vous avez pas posté votre auto compléter le code, ou le code de votre formulaire, donc je ne sais pas comment vous vous attendez à ce que quelqu'un d'adapter une réponse pour vous. Cependant, vous devez simplement lier quelque chose à l'événement select. Cela devrait le faire:

$('#whatever').autocomplete({ 
    select: function() { 
     $(this).closest('form').trigger('submit'); 
    } 
}); 

Docs here.

+0

J'ai saisi le code ci-dessus. – Rachi

+0

@Rachi vous avez seulement posté la moitié de votre javascript, il vous manque les tags de fermeture, essayez simplement d'implémenter ce que j'ai mis dans votre configuration actuelle. – Dunhamzzz

Questions connexes