Question

我是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”的变量，并在提交时将其插入到表单字段中。

提前感谢您提供任何帮助

Answer 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，我不太确定是否适合使用声明）

Answer 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());
});

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

2 个答案: