选择器表单，在提交时如何使用jQuery或JS将WordPress查询变量发送到URL

Question

我在表单中有一系列选择器字段。 （每个选择器的值都传递到变量中。）一旦选择了所有字段，提交按钮便会将用户按以下类别带到页面，该产品使用www.mydomain.com/?product_cat=cat按单个类别和多个产品特征进行排序-name＆characteristicss = foo，bar，candy URL查询。

当我在浏览器中键入查询时，该查询将起作用。 当我尝试使用jQuery传递代码时，它只会传递问号（www.mydomain.com/？）。 如果我删除问号，则字符串的其余部分将通过。 我使用了错误的方法吗？ 这是我的代码：

jQuery(function($) {
$("#msform").submit(function() {
    var homeType = $("#homeType").val(); //drop down selector value builds 1st part of category name
    var eqType = $("#eqType").val(); // drop down selector value builds last part of category name
    var sqType = $("#sqType").val(); // product characteristic value from drop down selector
    var flowType = $("#flowType").val();  // prod char value
    var locationType = $("#locationType").val(); //prod char value
    var urlSet =  "/?product_cat="+homeType+"-"+eqType+"&characteristics="+sqType+","+flowType+","+locationType; // URL I wish to send the visitor to after clicking submit button


$("#msform").attr('action', urlSet);

    $("#msform").submit();
    });
}); 

我尝试使用ascii代码作为问号。 我已经逃过了问号，但是似乎没有什么允许整个字符串传递到URL。

Answer 1

下面的代码只是一个尝试，最好做ajax表单提交

jQuery(function($) {
  homeType = $("#homeType").val();
  eqType = $("#eqType").val();
  sqType = $("#sqType").val();
  flowType = $("#flowType").val();
  locationType = $("#locationType").val();

  urlSet =  "<?php echo home_url();?>/?product_cat="+homeType+"-"+eqType+"&characteristics="+sqType+","+flowType+","+locationType;
  $("#msform").attr('action', urlSet);
  $("#msform").submit(function() {console.log('submit success')});

});