小编ada*_*not的帖子

我有一个使用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,然后将其传递给数据库中的事件价格.

我正在尝试动态设置div的属性(数据状态),如果满足条件.

我目前正在使用@ Html.Raw帮助器,但是它没有进入元素.

我也试图使用Response.Write(),但它只是将所有内容写入页面顶部.

有没有最好的方法将其实际嵌入到代码中,或者创建/设置新属性？

@foreach (var r in Model)
    {
        <div class="marker"
             data-date="@r.date_finished"
             data-name="@r.name"

             @if (r.complete == "CP")
                 {
                     @Html.Raw("data-status='complete'");
                 }
         >
         </div>
     }