jquery를 사용하여 첫 번째 목록 상자에서 두 번째 목록 상자를 채우려면 어떻게해야합니까?

Question

나는 두 가지 질문을 가지고있다.

1)
나는 아래로 내 첫번째 드롭에서 선택한 내용에 따라 채워됩니다 목록 상자가 있습니다. 데이터는 jQuery.get을 사용하여 검색됩니다.

는

목록을 생성하는 코드는 다음과 같습니다

(...) 
foreach (DataRow row in dt.Rows) 
{ 
    strList.Append("<option value='" + row["id"] + "'>" + row["enhetsnavn"] + "</option>"); 
} 

내가 다음 코드를 다운 목록 내 드롭에 결과를 추가 :이 처음 위대한 작품을

var schoolsList = $("#schoolSelect");  

jQuery.get(
    site + "jQueryFunctions.ashx", 
    { 
     county: county, schoolType: schoolType, instance: 'getSchoolsByCounty' }, 
     function(data) { 
     schoolsList.append(data); 
     } 
); 

. 문제는 첫 번째 ddl에서 새로운 것을 선택하면 두 번째 목록에 추가되어 기존 항목을 대체하지 않는다는 것입니다.
(목록이 계속 길어집니다).

어떻게 목록 항목을 새로운 것으로 바꿉니 까?

2)
나는 jQuery를 데이터 바인딩하지 않습니다 사용 다운 목록 2 드롭 채우기, 정확히 기억합니다. 바인딩되지 않은 경우 jQuery를 사용하여 값/데이터를 검색 할 수 없습니다.

jQuery.live 또는 뭔가를 사용해야한다고 생각하십니까?

Answer 1

분명히 단지에 새로운 데이터를 추가합니다 대신 append()의 요소의 내용을 대체하기 위해 사용

schoolsList.html(data); 

.

두 번째 부분에 대해서는 어떤 데이터를 바인딩할지 완전히 이해하지 못했습니다. jQuery.live 메서드는 지금 당장 필요하지 않은 이벤트 리스너를위한 것입니다.

코드에는 데이터를 검색하려는 위치가 포함되지 않습니다. 양식 인 경우 양식을 보내면 우려되는 사항 일 경우 데이터가 전송됩니다.