راهنمایی در مورد کد جستجو html

Question

سلام دوستان من یک سرچ باکس میخوام ایجاد کنم که وقتی مقدار میدن بهش همون مقدار رو بیاد در انتهای یک لینک بزاره و ب کاربر نشون بده

<form method="get" id="searchform" action="http://site.ir">
<input id="searchsubmit" value="" type="submit" />
<input value="" name="s" id="s" type="text" placeholder="جستجو کنید" />
</form>

این کد هستش الان وقتی مثلا داخلش test جستجو میشه به این صورت نشون میده

http://site.ir/?s=test

من میخوام به این صورت نشون داده بشه http://site.ir/test

Answer 1

سلام. با جاوا اسکریپت میتونید از اجرای عمل دکمه جلوگیری کنید و عوضش به آدرسی برید که میخواین. البته اگر فرمتون ورودی‌های دیگه ای داشته باشه و بخواین اطلاعاتشو به اون آدرس سابمیت کنید باید از jquery ajax استفاده کنید. من فرض کردم فرمتون همینه:

<form id="searchform">
<input id="searchsubmit" value="" type="submit" />
<input value="" name="s" id="s" type="text" placeholder="جستجو کنید" />
</form>
<script>
document.getElementById("searchsubmit").addEventListener("click", function(event){
  event.preventDefault();
  window.location.href='http://site.ir/'+document.getElementById("s").value;
});
</script>