Отправить форму через GET и переписать URL

Question

<form method=\"GET\" action=\"http://www.$domain/search/\"> 
<input type=\"search\" id=\"search\" name=\"search\" value=\"terms\"> 
</form> 

Это будет отправить форму к этому URL: http://www.$domain/search/?search=terms

Но что, если я хочу больше SEO дружественный URL вместо этого? http://www.$domain/search/terms

Возможно ли обойтись без поддержки старых браузеров?

Answer 1

Возможно, если вы хотите использовать javascript.

Сначала вам нужно переместить ввод за пределы формы. Затем положить OnChange событие так:

<input type=\"search\" id=\"search\" name=\"search\" value=\"terms\" onchange=\"myFunction(this.value)\"> 

Затем вам нужно поместить идентификатор для формы, так что мы можем определить его

<form method=\"GET\" id=\"myForm\"> 

И написать MYFUNCTION в Javascript:

myFunction(value) { 
    document.getElementById('myForm').action = "http://www.$domain/search/"+value; 
}