【问题标题】:Datalist doesn't render in htmlDatalist 不在 html 中呈现
【发布时间】:2018-02-27 17:04:13
【问题描述】:

我正在尝试在 form_for 中使用数据列表,如下所示:

<%= form_for(informe_r_hematico) do |f| %>
...
<%= f.text_field :code, list: "code", :style => "width: 50px" %>
    <datalist id="code">
        <option value="abc"></option>
        <option value="def"></option>
        <option value="ghi"></option>
    </datalist>

...
<% end %>

问题是,当页面呈现时,我只得到一个纯文本字段,并且所有 datalist 行在 html 代码中都显示为“灰色”,这可能是什么原因造成的?

【问题讨论】:

    标签: html ruby-on-rails ruby ruby-on-rails-4


    【解决方案1】:

    只是添加到一个选项

    <%= f.text_field :code, list: "listcode", :style => "width: 50px" %>
    <datalist id="listcode">
        <option value="abc"></option>
        <option value="def"></option>
        <option value="ghi"></option>
    </datalist>
    

    第二次编辑

    由于 text_field 已使用名称“code”,请尝试将 id 和列表名称从 code 更改为其他名称,例如 listcode

    【讨论】:

    • 我添加了结束标签,问题依旧,我会更新问题
    • 编辑,我认为 元素将是 select 和 text_field 之间的混合,我现在看到它只是自动完成而不是用作下拉选择器
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多