2017-05-23 5 views
0

나는 세 가지 HTML 페이지가 있습니다다음 페이지로 이전 페이지에서 정렬되지 않은 목록 또는 테이블에서 값을 표시하고, 표시하는 방법 새 값

  • category.html
  • type.html
  • subType.html을

나는 두 가지를 달성하기 위해 노력하고 있어요 : -

  1. category.html에서 선택한 카테고리에 따라 type.html에 Category을 채우고 category.html에서 선택한 카테고리에 따라 subType.html에 Type을 채우고 type.html에서 선택한 유형을 채 웁니다.

  2. 나는 http://localhost:5000/getInfo?category=categoryName&type=typeName&subtype=subtypeName과 같은 플라스크 API URL을 가지고 있습니다. 사용자가 세부 정보 얻기 버튼을 클릭하면 subType.html에서 카테고리, 유형 및 하위 유형 값을 전달하는 방법은 무엇입니까?

Category.html :

<head> 
    <title>Category Page</title> 
</head> 

<body> 
    <div> 
    <h2>Please choose one category:</h2> 
    <ul> 
     <li>Fruits</li> 
     <li>Vegetables</li> 
     <li>Clothes</li> 
    </ul> 
    </div> 
</body> 

</html> 

Type.html :

<head> 
    <title>Type Page</title> 
</head> 

<body> 

    <div> 
    <h2>Category: Fruits</h2> 
    <h3>Please choose a type:</h3> 

    <ul> 
     <li>Apple</li> 
     <li>Orange</li> 
     <li>Banana</li> 
    </ul> 

    </div> 

</body> 

</html> 

,

SubType.html : 어떤 제안을 크게 감상 할 수

<head> 
    <title>Sub Type Page</title> 
</head> 

<body> 

    <div> 
    <h2>Category: Fruits</h2> 
    <h3>Type: Apple</h3> 
    <h4>Please choose Sub-Type:</h4> 

    <ul> 
     <li><input type="checkbox">Gala Apple</li> 
     <li><input type="checkbox">Cortland</li> 
     <li><input type="checkbox">Braeburn</li> 
    </ul> 

    <input type="button" value="Get Detail" /> 

    </div> 

</body> 

</html> 

. 고맙습니다.

답변

0

로컬 저장소를 사용하면이 작업을 수행 할 수 있습니다. 최신의 모든 브라우저는 로컬 저장소를 지원합니다. 쿠키를 사용하는 것도 가능합니다.

로컬 저장소를 사용 : 설정 카테고리 :

localStorage.setItem ("CategorySelected", "과일");

Accessing that category in Type.html 

    var category=localStorage.getItem("CategorySelected"); 
+0

제안 해 주셔서 감사합니다.하지만 어떻게 Fruits로 CategorySelected 값을 할당 할 수 있습니까? 사용자가 야채를 클릭 할 수 있습니다. 사용자가 야채를 클릭 할 때 CategorySelected 값을 Vegetables로 어떻게 할당 할 수 있습니까? –

+0

드롭 다운을 사용하여 범주 값을 선택하거나 클릭시 목록 사용에서 선택하려는 경우. –