Question

我有一个带有php表单的html / js页面；它包含不同轮播中的产品（https://github.com/OwlCarousel2/OwlCarousel2）

这些转盘的每张幻灯片都包含一个图像和一个按钮；我正在尝试将轮播中的“选定产品”传递给表单，以便在从表单收到的邮件中获取此信息；

所以基本上：如何从“ form”标签之外将值传递给表单？ 尝试了不同的解决方案但没有运气；谢谢，

Answer 1

您可以在转盘滑块之前启动form标签，然后将值传递到所需的任何位置。您的程序仍然可以运行。例如

<form>
    <carousel slider code here >
    <button codes here>
</form>

Answer 2

要达到您的要求，应在提交表单时创建一个jQuery事件。表单提交后，您需要从轮播中获取图片，然后在表单中设置该图片（您可以在表单中创建隐藏元素）。像这样：

<form action="submit.php" id="addForm">
    <input type="hidden" id="carousel_image" name="carousel_image" value=""/>
    /* other fields here */
    <input type="submit" name="submit" value="Submit Form"/>
</form>

在jQuery中：

$( "#addForm" ).submit(function( event ) {
    $("#carousel_image").val('here you need to get image path or id');  
});

希望它对您有帮助。

将信息传递到php表单而无需提交的按钮

2 个答案: