要通过JavaScript向WordPress中的表单操作添加动态URL,可以按照以下步骤进行操作:
page.php
、single.php
或template-parts
文件夹中。<input type="submit" value="提交" id="submit-btn">
addEventListener
函数为提交按钮添加一个点击事件监听器。在监听器中,可以编写处理表单提交的函数。例如:document.getElementById('submit-btn').addEventListener('click', function(event) {
event.preventDefault(); // 阻止表单默认提交行为
// 获取表单中的数据
var formData = new FormData(document.getElementById('your-form-id'));
// 构建动态URL
var dynamicUrl = 'https://example.com/submit?' + 'param1=' + formData.get('param1') + '¶m2=' + formData.get('param2');
// 重定向到动态URL
window.location.href = dynamicUrl;
});
请将上述代码中的your-form-id
替换为你表单的ID。
wp_enqueue_script
函数将JavaScript文件添加到主题的functions.php
文件中。这样,你就可以通过JavaScript向WordPress中的表单操作添加动态URL了。
注意:以上代码仅为示例,实际情况中需要根据你的表单结构和需求进行适当的修改。
领取专属 10元无门槛券
手把手带您无忧上云