使用轮播作为表单元素答案

【问题标题】：Use a carousel as a form element使用轮播作为表单元素
【发布时间】：2016-10-11 11:15:41
【问题描述】：

我正在处理一个对象，作为表单的一部分，我希望用户能够从轮播中的多个图像中进行选择。然后我可以使用 javascript 访问轮播的索引，但我不确定在提交表单时如何将其传递给模型？

任何帮助将不胜感激。

  function submit(){
    carouselIndex = $('.carousel-inner').find('.active').index()
    console.log(carouselIndex)
    //hiddenInput.value=selectedImageInCarousel;
    return validateForm();
  }

【问题讨论】：

标签： javascript jquery ruby-on-rails forms

【解决方案1】：

function submit(){
    //Preexisting code
    hiddenInput.value=selectedImageInCarousel;
    return validateForm();
}

这应该可行。应该。

Hiddeninput 将是一个隐藏的禁用文本输入，其值设置为所选图像的名称/id/表单提交时的任何内容。

如果这不起作用，请尝试在单击图像轮播时更改隐藏输入的值。

【讨论】：

感谢回复，我已经添加了：function submit(){ carouselIndex = $('.carousel-inner').find('.active').index() console.log( carouselIndex) //hiddenInput.value=selectedImageInCarousel;返回验证表单（）；我认为这会在按下提交按钮时打印轮播的当前索引，但它似乎没有做任何事情？
代码应该可以工作，因为如果我将打印语句放在另一个事件监听器中，它会打印索引。
@user2320239 按照建议，尝试将代码放在轮播的 onclick 处理程序中，并定期提交表单；隐藏的禁用元素将在以这种方式调用提交之前更新，因此它应该更可靠地工作。