Question

我有以下代码，因此不会在每次提交时重新加载我的页面。

我可以修改它而不是提交选择器我使用name="value"并放置多个值吗？

我需要这个，因为我提交了type="image"的按钮，所以我无法使用提交选择器。

e.g。如果我有名字= {nam1，nam2，nam3}的按钮如何更改此代码以便在单击页面时不刷新页面？

$(".class123").click(function() {
  var keyValues = {
    pid : $(this).parent().find('input[name="pid"]').val(),
    };
      $.post('help_scripts/cart_functions.php', keyValues, function(rsp) {
       // make your php script return some xml or json that gives the result
       // rsp will be the response
       });
         return false;
         // so the page doesn't POST
 });

在这一行 - 我需要有 -

pid : $(this).parent().find('input[name="pid"]').val(),

pid是我的第一个按钮的名称和ID ...如何在这里添加更多的键值？

Answer 1

我认为你可以做逗号分隔的选择器：

$(':submit').click(function() {
  var keyValues = {
    pid : $('input[name="nam1"],input[name="nam2"],input[name="nam3"]').val(),
    };
      $.post('help_scripts/cart_functions.php', keyValues, function(rsp) {
       // make your php script return some xml or json that gives the result
       // rsp will be the response
       });
         return false;
         // so the page doesn't POST
 });

http://api.jquery.com/multiple-selector/

也就是说，将css类分配给想要拥有此功能的所有按钮或者只选择所有按钮可能更有意义。

按钮选择器：

$(":button")

类选择器：

$(".SubmitButton")

Answer 2

将类型提交更改为普通的ole vanilla <button>。

Jquery - 多个选择器

2 个答案: