Динамический атрибут действия формы

Question

У меня есть форма в HTML. Внутри формы, есть только два поля ввода:

<input type="search">

<input type="submit">

Теперь проблема в том, как я мог бы изменить значение атрибута к значению введенному в input type='search'action, когда Я отправляю форму.

Возможно ли это?

Answer 1

Я не могу понять, почему кто-то хочет, но вот как это сделать.

HTML код

<form id="searchForm"> 
    <input type="search" id="search"> 
    <input type="submit"> 
</form> 

JQuery является

<script> 
$("#searchForm").on('submit', function(){ 
    var $userEntered = $(this).children('#search').val(); 
    $(this).attr("action", $userEntered); 
}); 
</script> 

Это поместит все, что пользователь вводит в поле поиска в атрибут действия формы.

JSFiddle: https://jsfiddle.net/JohnnyWalkerDesign/bwnvhz24/

(Примечание:.. Вы можете увидеть JSFiddle работу, введя нечто вроде https://www.google.com в поле ввода Оно должно начинаться с https://, потому что это то, что использует JSFiddle)

Answer 2

Вы можете проверить его.

HTML код

<form action="http://www.google.com" id="checking"> 
    <button type="submit">click it</button> 
</form> 

код скрипта

<script> 
$("#checking").submit(function(e){ 
    this.action = "http://www.w3schools.com"; 
}); 
</script>