html로 데이터를 미리로드 한 다음 javascript와 함께 사용하는 가장 좋은 방법은 무엇입니까? 자바 스크립트에서 변수를 사용하거나 아약스 쿼리를 저장하고 싶지 않습니다.html로 미리로드 된 데이터
숨겨진 div에 XML 데이터가있을 수 있습니까? .
예 :
1; Europe
2; Latin America
------------------
2, 1, Argentina
2, 2; Brazil
2, 3, Chile
1, 4, France
1, 5, Spain
1, 6; Italy
그는 당신이 선택한 국가에 따라 선택으로 데이터를로드 할 것입니다. 많은 데이터와 빠른 속도가 필요합니다, 나는 그것이 미리로드 된 것을 선호합니다.
EDIT. 제안 된 솔루션을 기반으로 솔루션 : 내 프로젝트에 반대 일을 한
<!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>
왜 자바 스크립트에서 변수를 사용하지 않으시겠습니까? –
나는 html 파일에 자바 스크립트를 포함하는 것에 동의하지 않기 때문에 –
변수를 사용하는 것과 관련이 있습니까? – Yacoby