.load를 사용하는 경우 Jquery는 일류 드롭 다운 메뉴 만로드합니다.

Question

좋아, 여기에 문제가있다. .txt 파일의 드롭 다운 데이터를 ID로로드 중입니다. 이 특정 ID는

$("#dropdown").load("ddData/data.txt"); 

<div class="Class1"> 
Dropdown: <select id="SHCC" value="Dropdown"></select></div><br/> 

<div class="Class2"> 
Dropdown: <select id="SHCC" value="Dropdown"></select></div><br/> 

<div class="Class3"> 
Dropdown: <select id="SHCC" value="Dropdown"></select></div><br/> 

<div class="Class4"> 
Dropdown: <select id="SHCC" value="Dropdown"></select></div><br/> 

이 그냥 일반적인 예입니다, 나는 이런 식으로 이유가 있지 만, 어떤 이유로, 단지 클래스 1은 드롭 다운으로로드되는 레이아웃 목적으로 div의에 의해 고장, 4 개 클래스에 앉아 다른 클래스는로드되지 않습니다.

드롭 다운 메뉴에 데이터를로드하여 모든 데이터를 HTML로 모두 하드 코딩하는 대신 각 클래스에서 정적으로 유지하는 다른 방법이 있습니까?

감사합니다.

Answer 1

이드는 고유해야합니다. ID를 클래스로 변경하면 예상되는 동작을 얻게됩니다.

$(".dropdown").load("ddData/data.txt"); 

<div class="Class1"> 
Dropdown: <select class="SHCC" value="Dropdown"></select></div><br/> 

<div class="Class2"> 
Dropdown: <select class="SHCC" value="Dropdown"></select></div><br/> 

<div class="Class3"> 
Dropdown: <select class="SHCC" value="Dropdown"></select></div><br/> 

<div class="Class4"> 
Dropdown: <select class="SHCC" value="Dropdown"></select></div><br/>