JavaScript: làm thế nào để thay đổi giá trị thuộc tính hành động dựa trên lựa chọn?

Tôi đang cố gắng thay đổi hành động biểu mẫu dựa trên giá trị được chọn từ menu thả xuống.

Về cơ bản, HTML trông như thế này:

<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>

Nếu "người" được chọn, (theo mặc định), hành động sẽ là "/ search / user" và nếu nội dung được chọn, hành động sẽ là "/ search / content"

Tôi vẫn đang tìm kiếm xung quanh, nhưng không thể tìm ra cách để làm điều này.

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

Nếu bạn chỉ muốn thay đổi hành động của biểu mẫu, tôi thích thay đổi hành động trên biểu mẫu gửi hơn là thay đổi trên đầu vào. Nó chỉ bắn một lần.

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

Sử dụng tốt hơn

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

thay vì

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

Vì vậy, dựa trên câu trả lời của trante, chúng tôi có:

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

Sử dụng setAttributecó thể giúp bạn tiết kiệm rất nhiều thời gian.

Đơn giản và dễ dàng trong 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>

Được yêu cầu rằng bạn có một hình thức?
Nếu không, sau đó bạn có thể sử dụng này:

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

với JavaScript sau:

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