如何将HTML id分配给元素,以及如何将JavaScript应用于元素
How to assign HTML id to elements and how apply JavaScript to them?
我开发了一个项目,但现在我想将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 -%>
您可以使用:html散列。
<%= text_field_tag('username', params[:username], :html => {:id => "username_field"}) %>
如果表单以新表单的形式运行,则表单会自动将id作为new_staff
;如果表单以编辑表单的方式运行,则会将id作为edit_staff
。
nt是一个ruby人iam,但当你创建这样的text-field
时,就我而言。ID已被密码签名请查看此处
如果您想通过id访问特定的text-field
,那么只需使用document.getElementById('ID');
或$('#ID')
后者使用jquery
相关文章:
- 将自定义javascript函数应用于iframe元素
- CSS: jQuery:将右边距应用于 li 元素,除了每个第 4 个子元素(仅适用于 display:block 的元
- jQuery将“x”号图像元素应用于SRC和类
- 将 css 样式应用于 javascript 调用中的 :after 伪元素
- 如何将CSS应用于Javascript添加的元素
- 您能否通过JavaScript将媒体查询特定样式应用于HTML元素
- 可以/应该将多个自定义指令应用于Angular中的同一元素
- 聚合物:将动画应用于dom重复模板中的dom元素
- 将点击/悬停函数应用于JS中的多个元素类
- 将jQuery应用于ajax加载的HTML元素
- 当将.click()应用于li元素时,应该使用什么选择器
- 将jquery插件应用于dom元素
- 将显示功能应用于ajax成功创建的元素
- 如何将工具提示应用于d3嵌套层(流图)中的元素
- 将焦点样式事件应用于UL标记元素
- 将jQuery动画应用于Angular JS在加载时动态加载的视图中的元素
- 有没有一种更优雅的方法将 css 应用于“除了这个元素之外的所有元素”
- 如何用.not改变选择器来应用于dom元素
- 全局样式未应用于Chrome 36中Polymer元素中的Shadow DOM子项
- 将数据元素应用于“数据表”单元格