如何将 HTML id 分配给元素以及如何将 JavaScript 应用于它们？ [关闭]答案

【问题标题】：How to assign HTML id to elements and how apply JavaScript to them? [closed]如何将 HTML id 分配给元素以及如何将 JavaScript 应用于它们？ [关闭]
【发布时间】：2012-09-13 11:09:17
【问题描述】：

我开发了一个项目，但现在我想将 JavaScript 应用到项目中。以登录表单为例。我必须将 HTML id 分配给文本字段，但如何？以及如何访问 js 文件中的文本字段？

    <% @page_title = 'Staff Area Login' -%>

    <%= form_for(:stuff, :url => {:action => 'send_login'}) do -%>

    <p>Username:  <%= text_field_tag('username', params[:username]) %></p>

    <p>Password: <%= password_field_tag('password') %></p>

    <%= submit_tag("Log in") %>

    <% end -%>

【问题讨论】：

此链接可能对您有所帮助。 [链接到这个答案][1] [1]：stackoverflow.com/questions/12189176/…
但是你能告诉我如何在js文件中访问这个id吗？

标签： javascript ruby-on-rails ruby-on-rails-3 ruby-on-rails-3.1 ruby-on-rails-3.2

【解决方案1】：

您可以使用 :html 哈希。

<%= text_field_tag('username', params[:username], :html => {:id => "username_field"}) %>

【讨论】：

【解决方案2】：

如果您的表单作为新表单运行，您的表单将自动将 id 设为 new_staff，如果您的表单作为编辑表单运行，则将 id 设为 edit_staff。

【讨论】：

Elements(text-field) 也一样吗？还是？
但元素采用 staff_text_field_name 其中 text_field_name 是您的文本字段，如名称。如果您的文本字段的名称是名称，那么它需要人员名称作为 id。

【解决方案3】：

nt 一个红宝石人 iam 但就我而言，当你创建一个 text-field 这样的。已经分配了 ID 看看 here
如果您想通过 id 访问特定的text-field，那么只需使用
document.getElementById('ID'); OR $('#ID')，后者使用 jquery

【讨论】：