在哪里传递公式字段的量化数据值?
-
26-09-2020 - |
题
为公式字段传递数据以指定量词的常见方法是什么。我目前会这样做:
<input type="text" name="myfield" class="inputfieldstyle quantified" id="q_12" value="foo" />
其中 q_12 是通用的。
但该方法存在一些固有的问题:
- 如果我因为某些 js/css 原因想给它一个 id 怎么办?
- q_12 用 js 不太好读:
var quant = parseInt(element.id.split('_').pop())
- id 不是为了传递值而设计的
我应该如何处理这个问题?有通用的方法吗?w3c有建议的方法吗?
解决方案
你可以扩展纪尧姆·勒布尔乔亚(Guillaume Lebourgeois)的隐藏领域的想法。如果您担心每个输入有两个输入,则可以始终采用“data-”属性方法,如以下链接所示: http://ejohn.org/blog/html-5-data-attributes/
<input type="hidden" name="myname" id="my_id"
data-myData1="somedata" data-myData2="somemoredata" value="" >
然后使用 getAttribute
返回值(http://www.devguru.com/technologies/javascript/17457.asp):
document.getElementbyId("my_id").getAttribute("data-myData1")
document.getElementbyId("my_id").getAttribute("data-myData2")
或者如果您使用的是 jQuery:
$("#my_id").attr("data-myData1")
当然,您必须在跨页面传递之前将其汇总到值中,但这仍然是可能的。
其他提示
一种很好而简单的方法是使用隐藏的字段:
<input type="hidden" name="myname" value="my_value" id="my_id">
. 不隶属于 StackOverflow