Jquery를 사용하여 동적으로 드롭 다운 목록 생성 및 채우기

Question

드롭 다운 목록을 동적으로 생성하고 채워야하는 요구 사항이 있습니다.

계층 구조의 수준을 표시하는 것입니다. 계층 구조 수준을 5로 설정 한 경우 5 개의 드롭 다운 목록을 만들어야합니다.

계단식 드롭 다운 목록의 유형으로, 하나의 변경으로 다음 드롭 다운이 채워지는 방식입니다.

처음에는 페이지로드시 첫 번째 드롭 다운 목록 만 채워집니다.

저는 처음 엔 Jquery를 처음 사용하기 때문에 페이지에 이라는 5 개의 드롭 다운리스트를 추가했으며 첫 번째 항목을 선택하면 다음 드롭 다운 목록을 채우는 등의 작업을합니다.

내가 갇혀 있고 도움이 필요한 부분은 구성 항목에 따라 동적으로 드롭 다운리스트를 만들고 다음에 onchange 이벤트에 바인딩하는 방법입니다.

위 작업을 수행하는 방법에 대한 샘플 코드를 제공하거나 동일한 결과를 얻는데 도움이 될 링크를 제공해주십시오.

덕분에 많은

Answer 1

체크 아웃 this Cascading Dropdown Plugin ASP.NET

Answer 2

에 대한 <select> 드롭은 <option>들로 가득하고, 이러한 사용하여 표준 jQuery DOM manipulation methods를 조작 할 수 있습니다. 이 HTML과

시작 :

<select id="blah"></select> 

그리고 당신은 같은 동적으로 옵션을 추가 할 수 있습니다

var val = 1; 
var txt = 'One'; 
$('#blah').append('<option value="' + val + '">' + txt + '</option>');