【问题标题】:assign class id to an input field将类 ID 分配给输入字段
【发布时间】:2011-10-08 18:16:04
【问题描述】:

所以我在rails中有这段代码

<%= f.label :year, "Year:" %><br />
<%= f.text_field :year %></p>

在 html 中返回类似这样的代码

< input id="car_year" name="car[year]" size="30" type="text" class="hasDatepicker"><br />

看到 class="hasDatepicker" 了吗?我使用 jquery 来获取日历以选择日期 这个很好用

但这是另一个(使用 meta_search https://github.com/ernie/meta_search

<td>
<%= f.label :year_gte, "Years from" %><br />
<%= f.text_field :year_gte, :size  => 8 %></td>

输出类似这样的html代码

< input id="search_year_gte" name="search[year_gte]" size="8" type="text"><br />

显然这个缺少需要 jquery 显示日历的 class="hasDatepicker"

问题是:如何让类的东西显示在该字段中 感谢大家的宝贵时间。

更新 2 我刚刚发现问题,我需要一个用于 search_year_gte 的 javascript 代码,因为我有一个用于 car_year 看起来像

<script>
    $(function() {
        $( "#search_year_gte" ).datepicker({
      dateFormat: 'yy-mm-dd',
      yearRange: '1980:2012',
            changeMonth: true,
            changeYear: true
        });
    });
</script>

<script>
    $(function() {
        $( "#search_year_lte" ).datepicker({
      dateFormat: 'yy-mm-dd',<br />
      yearRange: '1980:2012',<br />
            changeMonth: true,
            changeYear: true
        });
    });
</script>

但是我可以对两个值都使用一个脚本吗? 对于 search_year_lte 和 search_year_gte

【问题讨论】:

    标签: javascript jquery html ruby-on-rails meta-search


    【解决方案1】:

    您是否尝试将类添加为属性?

    <%= f.text_field :year_gte, :size => 8, :class => "hasDatepicker" %>
    

    如果您想知道可以将哪些属性传递给 text_field 帮助器,请查看 documentation

    【讨论】:

    • yes.. 我刚刚发现了问题,我需要一个用于 search_year_gte 的 JavaScript 代码,因为我有一个用于 car_year 的 JavaScript 代码
    • 我可以在一个脚本中添加 2 个值吗?我的意思是它们都是为了行动,所以我不会使用两次几乎相同的代码。感谢任何方式的快速回复。
    • 我认为这更像是一个 JS 问题而不是 Rails 问题,但可以肯定的是,你做了两次同样的事情,所以只有一个 JS 函数是有意义的。为什么使用#search_year_lte?这是一个 ID,应该是唯一的。我会将您的 hasDatePicker 类添加到所有需要数据选择器的文本字段中,并在您的 JavaScript 中调用 $('.hasDatePicker')。这有意义吗?
    • 我根本不喜欢java。我也是rails新手,所以我设法通过这种方式完成了它,我不喜欢为相同的操作编写太多代码,但它是我能做到的方式。我想我要花时间才能按照你的方式行事……当然更有意义。谢谢
    • 首先是Java != JavaScript。名称令人困惑,但它根本不是同一种语言。其次,我想你可能想看看JQuery 以及如何选择DOM 元素。 $('#me') 将选择具有 id 'me' 的元素。 $('.me') 将选择所有具有 class 'me' 的元素。
    猜你喜欢
    • 2012-10-21
    • 2015-02-08
    • 2018-02-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-09-22
    相关资源
    最近更新 更多