如何使用jQuery将两个表单字段组合成一个变量？答案

【问题标题】：How to combine two form fields into one variable with jQuery?如何使用jQuery将两个表单字段组合成一个变量？
【发布时间】：2009-09-18 15:00:09
【问题描述】：

我对 jQuery 还是很陌生，我接到了一个我真的不知道如何完成的任务。情况如下：

我的表格如下：

代码：

<form action="search.php" method="get" id="cse-search-box">
  <input type="text" name="q" size="31"/>
  <select name="category">
    <option>One</option>
    <option>Two</option>
    <option>Three</option>
  </select>
  <select name="contributors">
    <option>One</option>
    <option>Two</option>
    <option>Three</option>
  </select>
  <input type="submit" name="sa" value="Search" />
</form>

该表单用于向 google 站点搜索提交查询。输入字段“q”是主要的搜索查询。

我需要将用户在“类别”和“贡献者”字段中的选择组合到一个名为“as_q”的变量中，并在提交时将其插入表单字段中。

提前感谢您的帮助

【问题讨论】：

您能否附上您目前拥有的工作代码，以便我们查看您要完成的具体工作？
我真的没有任何工作代码！ Google 站点搜索代码使用变量 q 和 as_q 来构建搜索查询。如果我只有一个选择字段，它会被称为 as_q;不会有问题。但是由于我使用了两个选择字段，因此需要将它们组合成一个字符串。然后将 Google 站点搜索代码包含在 search.php 文件中，并通过 GET 检索搜索词。不知道有没有道理！所以我想把两个select字段合并成一个变量，这样就可以作为搜索字符串了。

标签： jquery html forms

【解决方案1】：

<script>
    $('#cse-search-box').bind('submit', function(){
        var category = $('[name=category]').val();
        var contributors = $('[name=contributors]').val();
        $('[name=q]').val(category+' '+contributors);
    });
</script>

在声明<form> 之后有这段脚本（它是html，我不太确定是否适合使用声明）

【讨论】：

【解决方案2】：

执行此操作的最佳方法是添加一个具有您需要的名称的隐藏字段 - as_q - 并将您想要的任何字段连接到表单提交的此字段中。

所以你要把这个添加到你的表单中：

<input id="as_q" name="as_q" type="hidden">

然后像这样填充它：

$('#cse-search-box').submit(function() {
  $('#as_q').val($("[name='category']").val() + $("[name='contributors']").val());
});

【讨论】：