Селектор формы, при отправке, как отправить переменные запроса WordPress на URL с помощью jQuery или JS - PullRequest
0 голосов
/ 02 июля 2018

У меня есть серия полей выбора в форме. (Значения каждого селектора передаются в переменные.) После того, как все поля выбраны, кнопка отправки отправляет пользователя на страницу с продуктами, отсортированными по одной категории, и несколькими характеристиками продукта с помощью www.mydomain.com/?product_cat=cat. -имя & характеристики = foo, bar, конфетный 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.

1 Ответ

0 голосов
/ 02 июля 2018

приведенный ниже код - просто попытка, лучше отправлять формы в 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')});

});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...