使用什么HTML元素来保存隐藏值

在我的应用程序中，我需要隐藏一些值，以便jQuery稍后能够提取它们

我有一个用于保存地图数据的div（单击

img

后，我想显示一个带有2个标记的地图）：

---

存储这些值的正确隐藏元素是什么<代码>标签，

p

或其他什么？

为此，您可能应该使用隐藏类型的输入框：

<input id='1_lat' type="hidden" value="56.056180">

---

然后，您可以使用

$（“#1_lat”）.val（“22.0”）

更新此值。您可以使用输入类型=“hidden”。

---

参考资料：

我建议您对隐藏值始终使用输入

---

在dreamweaver中，您可以将其用作右侧php工具箱中的gui拖放，因为您似乎只在客户端使用这些值，即您不打算将它们发送回服务器，因此使用

输入
元素对我来说似乎是错误的

评论中已经有两条非常好的建议，这里进行了扩展


就我个人而言，如果我需要每个元素的数据（每个元素的数据不同），我会使用

不过，您应该检查浏览器兼容性

如果数据是全局的，我只会生成一个JavaScript对象

var coordinates_config = {lat1 : 0.241, lat2 : 0.56};

并相应地使用它

function configureTheMap(map)
{
    var lat1 = coordinates_config.lat1;
    var lat2 = coordinates_config.lat2; 

    ...
}

如果目标浏览器不支持数据属性，则可以轻松地将此方法推广到每元素数据

在这两种情况下，请允许我记住在生成标记/代码时正确转义的重要性
 有以下几种选择：




data
属性可用于任何元素。如果愿意，也可以使用
input type=“hidden”
。或者干脆把它放在JavaScript变量中，而不是存储在标记中。有很多选项可供选择，真的吗
config={lat1:“1234”…
使用
input
。例如
。如果它是一个表单，那么你可以在POST中调用该值，或者获取..你的选择。这篇文章上没有jQuery标记。最好提供
文档。getElementById（“1_lat”）。value=“22.0”
@user2867288 OP特别指出“供jQuery稍后提取”
<div id="sampleMap" data-lat1="0.241" data-lat2="0.56">
   ...
</div>

<div id="anotherSampleMap" data-lat1="0.87" data-lat2="0.283">
   ...
</div>

function configureTheMap(map)
{
    var lat1 = map.dataset.lat1;
    var lat2 = map.dataset.lat2; 

    ...
}

...

configureTheMap(document.getElementById('sampleMap'));
configureTheMap(document.getElementById('anotherSampleMap'));

var coordinates_config = {lat1 : 0.241, lat2 : 0.56};

function configureTheMap(map)
{
    var lat1 = coordinates_config.lat1;
    var lat2 = coordinates_config.lat2; 

    ...
}