javascript - Modifier l'action du formulaire en fonction de la sélection?

Question

Je suis en train de modifier l'action de forme en fonction de la valeur sélectionnée dans un menu déroulant ...

Fondamentalement, le HTML ressemble à ceci:

<form class="search-form" id="search-form" method="post" accept-charset="UTF-8" action="/search/user"> 
<select id="selectsearch" class="form-select" name="selectsearch"> 
<option value="people">Search people</option> 
<option value="node">Search content</option> 
</select> 

<label>Enter your keywords: </label> 
<input type="text" class="form-text" value="" size="40" id="edit-keys" name="keys" maxlength="255" /> 

<input type="submit" class="form-submit" value="Search" id="edit-submit" name="search"/> 
</form> 

Si « peuple » est sélectionné, (par défaut), l'action devrait être "/ search/user", et si le contenu est sélectionné, l'action devrait être "/ search/content"

Je suis toujours en train de chercher, mais je n'ai pas encore été capable de savoir comment faire ...

Answer 1

$("#selectsearch").change(function() { 
    var action = $(this).val() == "people" ? "user" : "content"; 
    $("#search-form").attr("action", "/search/" + action); 
}); 

Answer 2

Est-ce que vous avez besoin d'un formulaire?
Sinon, vous pouvez utiliser ceci:

<div> 
    <input type="hidden" value="ServletParameter" /> 
    <input type="button" id="callJavaScriptServlet" onclick="callJavaScriptServlet()" /> 
</div> 

avec le code JavaScript suivant:

function callJavaScriptServlet() { 
    this.form.action = "MyServlet"; 
    this.form.submit(); 
} 

Answer 3

Si vous ne souhaitez modifier l'action de forme, je préfère changer l'action en forme de soumettre, plutôt que sur-input-change. Il ne tire qu'une seule fois.

$('#search-form').submit(function(){ 
    var formAction = $("#selectsearch").val() == "people" ? "user" : "content"; 
    $("#search-form").attr("action", "/search/" + formAction); 
}); 

Answer 4

Il est préférable d'utiliser

$('#search-form').setAttribute('action', '/controllerName/actionName'); 

plutôt que

$('#search-form').attr('action', '/controllerName/actionName'); 

Ainsi, en fonction de la réponse de trante nous avons:

$('#search-form').submit(function() { 
    var formAction = $("#selectsearch").val() == "people" ? "user" : "content"; 
    $("#search-form").setAttribute("action", "/search/" + formAction); 
}); 

L'utilisation setAttribute peut vous faire économiser beaucoup de temps potentiellement.