如何使用数据id从hidden_field_tag中获取值
How to get value from a hidden_field_tag using data-id?
如何获得具有data-id
属性的hidden_field_tag
的值?
html.erb
<%= hidden_field_tag "data-id" => 'cart-total', "value" => "#{total}" %>
#=> <input type="hidden" name="{"data-id"=>"cart-total", "value=>"1"}" id="__data-id__cart-total___value___1__">
JavaScript
var cartTotal = $("[data-id=cart-total]").val();
console.log(cartTotal); // undefined
我不知道用rails hidden_field_tag
写这篇文章的正确方法。
根据文档:
hidden_field_tag(name, value = nil, options = {})
Erb:
<%= hidden_field_tag :hidden, total, "data-id" => 'cart-total' %>
Js:
$("[data-id='cart-total']").val();
输出中的元素错误,name
:中有一个对象
<input type="hidden" name="{"data-id"=>"cart-total", "value=>"1"}" id="__data-id__cart-total___value___1__">
我认为它应该是这样的(我不使用铁轨):
<%= hidden_field_tag "hidden", total, "data-id" => "cart-total" %>
然后你应该至少为基本元素或其他东西使用一个更好的选择器:
var cartTotal = $("input[data-id=cart-total]").val();
您尚未为hidden_field_tag
提供名称
<%= hidden_field_tag :field_name, "value" => "#{total}", "data-id" => 'cart-total', %>
使用类似的数据id访问它
var cartTotal = $("[data-id='cart-total']").val();
相关文章:
- Setting default onclick behavior for <img> tag in gene
- Webscratching自动化如何在没有链接TAG的情况下模拟点击HREF链接
- 覆盖“;X-Robots-Tag:noindex“;在汤博乐
- Javascript检测TAG中的完整URL
- 按 [field] 值对 javascript 数组进行排序会给出错误的顺序
- 将 jQuery 代码翻译成普通的 JavaScript for Google Tag Manager
- jQuery Tag-It – 如何在选择标签时自动显示自动完成列表
- HTML5 datetime-local input field vs jQueryui datetime picker
- GWT应用程序中出现错误HTTP 404(“Script Tag Failure-no status available
- 使用jQuery在p-tag中查找给定字符串的前10个单词和下10个单词
- jquery ajax post email field
- 使用 javascript 通过 tag->id->element 获取嵌套元素
- 在CSS3中的Select Tag(下拉菜单)中向左填充
- jquery escape html tag
- `base`tag导致iframe在Internet Explorer中以新窗口的形式打开
- 查询Mongodb时混合使用field和js函数
- Mosync Javascript NativeUI Editbox as Password field
- xml.getelement by tag name无法正常工作
- wordpress a tag onClick issues
- 'tag' field jQuery