Jquery - 如何替换选定元素的值然后提交

Question

问题：这是手头的任务：我们有一个表格。此表单中有一个隐藏的输入字段，其名称和 ID 为“页面”我有分页链接。提交表单后，结果将被分页。这些链接的 href 属性中包含页码。单击分页链接时，我想从分页链接中提取页码。（这存储在 pageNumber 变量中），并用这个 pageNumber 替换我表单中隐藏字段的值，然后提交表单（不跟踪单击的分页链接）。这是可能吗？任何指针将不胜感激。这是我到目前为止的代码：（注意我使用的是 rails，它包含在 application.js 文件中：  $(document).on('turbolinks:load', function(event){          var ransack_form = $('form').clone();    // clone the form on page load.                                           // form is passed into the function.                                           // <input type="hidden" name="page" id="page" value="4" class="pagy-page">  $(document).on('click', 'a.page-link', {form: ransack_form}, function(event){      var pageNumber = $(this).attr("href");        var form = event.data.form;                // The form has a hidden input element with id and name being: "gage"                // we want to replace the hidden input's value with the pageNumber value                // obtained from above. How can this be done?    form('.pagy-page').val(pageNum);        form.submit();                  // We want to prevent the pagination link from being clicked.                // event.preventDefault() prevents this from happening                 // but we also want the form to be submitted at the same time!                // is there a way around this?                       });    });

Answer 1

修复表单替换问题

form是一个 jQuery 对象，而不是一个函数，所以form('.pagy-page')不会工作。您需要调用该.find()方法：

form.find('.pagy-page').val(pageNum);

为什么不提交克隆表格？

您不能提交断开连接的表单。尝试这个：

form.appendTo($(this)).submit();