Javascript 将表单提交到字符串（jquery？）

我正在尝试创建一个表单，该表单只将参数名从URL中删除后的字符串提交到另一个页面

i、 e.提交带有“foo”的以下表格

将转到

search.asp？foo

NOT

search.asp？关键字=foo

这可以用纯html完成吗？
我想这可以通过javascript和/或jquery实现，但我不确定具体如何实现

有人能帮忙吗

我有点不在行，所以复制粘贴解决方案对我来说是很好的

更新： 谢谢你目前的回答，但它们似乎不起作用。也许更好的方法是让JQuery构造URL并加载该URL？如果有更多的建议，那就太好了。

试试这个：

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

或者

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

---

为了方便起见，让我们为表单和submit按钮指定一个类名，并假设页面上有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>

$（函数（）{
var$form=$（“.search_form”）；
//保存默认操作，因为我们将处理它。
$form.data（“原始操作”）、$form.attr（“操作”）；
//听一下点击按钮，更新表单操作并手动提交表单
$（“.search_按钮”）。单击（函数（）{
$form.attr（“操作”、$form.data（“原始操作”）+“？”+$（“#关键字”）.val（））；
$form.submit（）；
返回false；
});
});

未经测试，但应能正常工作。让我知道

顺便说一句，可能不需要保存默认操作。但以防您希望在不重新加载页面的情况下使用ajax提交它。

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

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

$（文档）.ready（函数（）{
$（“#btnsupmit”）。单击（函数（）{
var关键字val=$（“#关键字”）.val（）；
window.location.href=“search.asp？”+关键字val；
});
});
提交

您是在问如何发送吗？或者如何接收？或者两者都有？为什么要这样做？目标页面可以很好地接收它。不幸的是，我被一些旧代码卡住了（在我参加这个项目之前），我想扩展该页面的功能，以便从整个站点的其他地方通过一个快速文本字段进行访问。我认为这样做要比重写很多与其他函数相关的旧东西并冒着破坏它的风险更快。