フォームを文字列に送信する（jquery？）

Question

URLからパラメータ名を削除しただけで別のページに文字列を送信するフォームを作成しようとしています。 "foo" という

<form action="search.asp" method="get"> 
    <input type="text" name="keyword" id="keyword"> 
    <input type="submit" value="Go"> 
</form> 

search.asp?fooに行くわけではありませんsearch.asp?keyword=foo

と、次のフォームを提出

すなわち、これは純粋なHTMLで行うことができますか？
これはjavascriptやjqueryで行うことができますが、私は正確な方法はわかりません。

誰でも手伝いできますか？

私はちょっとしたことがありますので、コピー＆ペーストのソリューションは私にとって素晴らしいものです。

更新： これまでの回答に感謝しますが、動作していないようです。これを行うより良い方法は、JQueryにURLを構築してそのURLをロードさせることです。それ以上の提案は素晴らしいでしょう。

<form action="search.asp?foo"> 

Answer 1

はこれを試してみてください？

$('input[type="text"]').blur(function() { 
    $('form').attr('action', 'search.asp?' + $('input').val()); 
}); 

Answer 2

または多分...：

Answer 3

便宜上、フォームと送信ボタンにクラス名を付けて、ページにjQueryがあるものとします。

<form action="search.asp" method="get" class="search_form"> 
    <input type="text" name="keyword" id="keyword"> 
    <input type="submit" value="Go" class="search_button"> 
</form> 

<script type="text/javascript"> 
    $(function(){ 
    var $form = $(".search_form"); 
    // save the default action, because we are going to mess with it. 
    $form.data("original-action", $form.attr("action")); 
    // listen to the click on the button, update the form action and submit the form manually 
    $(".search_button").click(function(){ 
     $form.attr("action", $form.data("original-action") + "?" + $("#keyword").val()); 
     $form.submit(); 
     return false; 
    }); 
    }); 
</script> 

テストされていませんが、動作するはずです。お知らせ下さい。

Btw、デフォルトのアクションを保存する必要はない可能性があります。ただし、ページをリロードせずにajaxで送信したい場合に備えてください。

Answer 4

<script> 
$(document).ready(function(){ 
    $("#btnSubmit").click(function(){ 
     var keywordVal = $("#keyword").val(); 
     window.location.href = "search.asp?" + keywordVal;   
    }); 
}); 
</script> 

<input id="keyword" type="text" name="keyword"> 
<button id="btnSubmit">Submit</button>