JavaScript: comment changer la valeur d'attribut d'action de formulaire en fonction de la sélection?

J'essaie de changer l'action du formulaire en fonction de la valeur sélectionnée dans un menu déroulant.

En gros, 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 "personnes" est sélectionné (ce qui est le cas par défaut), l'action doit être "/ search / user", et si le contenu est sélectionné, l'action doit être "/ search / content"

Je cherche toujours autour de moi, mais je n'ai pas été en mesure de savoir comment faire.

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

Si vous souhaitez uniquement modifier l'action du formulaire, je préfère modifier l'action lors de la soumission du formulaire plutôt que lors de la modification de l'entrée. Il ne se déclenche qu'une seule fois.

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

Il vaut mieux utiliser

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

plutôt que

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

Donc, sur la base 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 setAttributepeut vous faire gagner beaucoup de temps potentiellement.

Simple et facile dans javascipt

<script>

  document.getElementById("selectsearch").addEventListener("change", function(){

  var get_form =   document.getElementById("search-form") // get form 
  get_form.action =  '/search/' +  this.value; // assign value 

});

</script>

Faut-il avoir un formulaire?
Sinon, vous pouvez utiliser ceci:

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

avec le JavaScript suivant:

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