Envoi d’une chaîne de requête personnalisée à partir d’un formulaire

J’ai un formulaire qui, au moment où je le soumets, m’emmène à une URL www.domain.com/search/?maxprice=10000000, mais ce que je veux, c’est qu’il m’emmène à une URL personnalisée, par exemple www. domain.com/search/maxprice_10000000/

J’ai trouvé ce code javascript destiné à autoriser les URL personnalisées en empêchant le formulaire d’effectuer son action par défaut à l’aide de event.preventDefault() Toutefois, cela ne fonctionne pas ou ne se charge pas en premier lieu.

Voici mon code:

   $(document).ready(function() { $("#propertysearch").submit(function(event) { event.preventDefault(); window.location.href = "/"; //whatever i want but the problem is this doesnt seem to execute }); });  

Max Price... - - - - - - - - - - - - - - - - - - - - - - -
?100,000 ?150,000 ?200,000 ?250,000

Find a Property Now >

Toute aide serait appréciée!

UPDATE J’ai maintenant obtenu le code en utilisant au lieu de Find a Property Now Find a Property Now

Alors, comment puis-je changer cela mon pour que cela fonctionne?

Merci de votre aide

Le code dans votre exemple utilise jQuery. Incluez jQuery ou utilisez une solution non-jQuery comme ceci:

 document.getElementById('propertytype').addEventListener('submit', function (event) { event.preventDefault(); window.location.href = "/"; //whatever you want }); 

Notez que ce qui précède n’est pas compatible avec tous les navigateurs. vous devez également utiliser attachEvent .


Pour utiliser le , je voudrais simplement me lier à l’événement click:

 $("#propertysearch a").on('click', function (e) { event.preventDefault(); //submission code }); //pre jQuery 1.7 $("#propertysearch a").bind('click', function (e) { 

supprimez le code: href = “javascript: document.forms [” propertysearch “]. submit ();” de votre code, il devrait donc ressembler à ceci:

Find a Property Now