Rails窗体中的Javascript滑块

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Rails窗体中的Javascript滑块，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1212字，纯文字阅读大概需要2分钟。

内容图文

我有一个使用form_for的表单,我想使用bootstrap-slider.js实现一个javascript滑块来获取值并更新事件的价格.

Javascript绝对不是我的强项,我希望看到我将如何将其包含在表单中.

其中一个规定的例子是：

###################
       HTML 
###################

<input id="ex8" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="14"/>


###################
    JavaScript  
###################

$("#ex8").slider({
    tooltip: 'always'
});

我目前的表格如下：

<%= form_for(@event) do |f| %>
     <%= render 'shared/event_error_messages' %>


    <%= f.label :name %>
    <%= f.text_field :name %>

    <%= f.label :content %>
    <%= f.text_field :content %>

    <%= f.label :location %>
    <%= f.text_field :location %>

    <%= f.label :date%>mm/dd/yyyy
    <%= f.text_field :date %>

    <%= f.submit "Create event", class: "btn btn-large btn-primary" %>
      <% end %>

我主要不了解如何在表单中实现javascript / html,然后将其传递给数据库中的事件价格.

解决方法:

<%= f.text_field :price, id: 'ex8', type: 'text',
                 data: {'slider-id' => 'ex1Slider',
                        'slider-min' => '0',
                        'slider-max' => '20',
                        'slider-step' => '1',
                        'slider-value' => '14' } %>

将其添加到您的表单.
还要将示例中的javascript添加到assets / javascripts文件夹中的events.js.

我想,所有剩下的插件都会为你做.

内容总结

以上是互联网集市为您收集整理的Rails窗体中的Javascript滑块全部内容，希望文章能够帮你解决Rails窗体中的Javascript滑块所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端