gpt4 book ai didi

javascript - html 中预加载的数据

转载 作者:行者123 更新时间:2023-12-02 20:43:45 25 4
gpt4 key购买 nike

在 html 中预加载数据然后与 javascript 一起使用的最佳方法是什么?我不想在 javascript 中使用变量或保存 ajax 查询。

可能是将XML数据放入隐藏的div中? .

示例:

1; Europe
2; Latin America

------------------

2, 1, Argentina
2, 2; Brazil
2, 3, Chile
1, 4, France
1, 5, Spain
1, 6; Italy

他必须根据您选择的国家/地区将数据加载到选择中。数据量很大并且需要速度快,我更喜欢预加载它。

编辑。解决方案,基于建议的解决方案:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<title></title>
<script type="text/javascript">
$(function(){

$_save_data = $("<div>");

$("#xselect optgroup").appendTo($_save_data);

$("#buttonAddA").click(function(){
$("#xselect").empty();
$_save_data.find("optgroup[id='a'] option").clone().appendTo("#xselect");
});

$("#buttonAddB").click(function(){
$("#xselect").empty();
$_save_data.find("optgroup[id='b'] option").clone().appendTo("#xselect");
});

});
</script>
</head>
<body>
<button id="buttonAddA">Add A</button>
<button id="buttonAddB">Add B</button>
<select id="xselect">
<optgroup id="a">
<option>a1</option>
<option>a2</option>
<option>a3</option>
<option>a4</option>
<option>a5</option>
</optgroup>
<optgroup id="b">
<option>b1</option>
<option>b2</option>
<option>b3</option>
<option>b4</option>
<option>b5</option>
</optgroup>
<optgroup id="c">
<option>c1</option>
<option>c2</option>
<option>c3</option>
<option>c4</option>
<option>c5</option>
</optgroup>
</select>
</body>
</html>

最佳答案

我在我的项目中做了相反的事情 - 我加载了完整的选择,然后用 JavaScript 保存了它的内容,并且只插入了我想要的内容。这样,没有 JavaScript 的用户(或等待 JavaScript 加载的用户)就可以使用我的表单。

关于javascript - html 中预加载的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1826481/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com