동적으로 양식 요소 추가

Question

물마루 검색 및 제안 된 제목을 보려면 최선을 다했지만 답변을 찾을 수 없습니다. PHP를 통해 생성 된 jQuery 모바일 페이지가 있습니다.

그래서이 페이지에는 선택 드롭 다운 (도시)이 있으며 도시를 선택하면 두 번째 선택 드롭 다운이 아래에 표시됩니다 (교외 포함). 나는 주사에 필요한 HTML을 뱉어내는 PHP 페이지를 가지고있다.

$('#city').change(function() { 
    alert($('#city').val()); 
    if($('#city').val() != "") { 
    $.get('get_burb.php', { city: $('#city').val() }, function(data) { 
     alert(data); 
    }); 
    } 
}); 

모든 것이 체크 아웃되고, 데이터는 내가 필요한 것입니다. 그래서 어디서 이것을 넣을 수 있습니까? newbness에 대한 미안,이 jQuery 물건 주위에 내 머리를 포장 수 없습니다.

편집 :

후에는 아무것도하지 않았다, 그것은 fieldcontain 내부했다 알아낼 걸 렸어요. 또한 새로 주입 된 필드에는 표준 컨트롤의 스타일이 없다는 문제가있었습니다. 또한 사용자가 도시를 변경하면 html을 다시로드하고 도시에 'burbs'가 없으면 모두 제거해야합니다.

수많은 시도 후

와 내가 fieldcontain 내부에 빈 사업부 (#here)을두고 다음과 같이 그것으로 주위를 재생하여 일을 가지고, 실패

$('#city').change(function() { 
    //alert($('#city').val()); 
    if($('#city').val() != "") { 
     $.get('get_burb.php', { city: $('#city').val() }, function(data) { 
      $('#burb').remove(); 
      $('#here').empty(); 
      $("#here").append(data).trigger('create'); 
     }); 
    } else { 
     $('#burb').remove(); 
     $('#here').empty(); 
    } 
}); 

Answer 1

시도 :

$('#city').after(data) 

트릭을해야합니다. 그러면 ID가 city 인 선택 상자 뒤에 data에 HTML이 삽입됩니다.

Answer 2

밖으로 .after()

$('#city').after(...) 

Answer 3

당신은 아마 "주위에 당신의 머리로 받아 냄으로써"와 문제가있는 부분을 체크 JQMobile 런타임에 다른 HTML을 생성하는 HTML을 사용한다는 것입니다. 예를 들어 목록이 페이지가 렌더링되기 전에 한 방향으로 생성 될 수 있으며 렌더링이 수행 된 후 다른 것으로 보입니다 (html 태그의 관점에서). 그것은 나를 당황하게했다.

방화범이 페이지에서 무슨 일이 일어나는지 살펴보고 무슨 일이 시작되고 무엇이 끝나는 지 이해해 보는 것이 좋습니다. 일부 JQM 함수는 컨트롤을 올바르게 렌더링하는 page() 함수를 호출합니다. 즉, 페이지에서 볼 수있는 것으로 변환하고 다른 것들은 그렇지 않습니다. 그것을 알면 실제 문제가 무엇인지 식별하는 데 도움이됩니다.

콤보 상자를 사용하면 데이터가 변경되고 있음을 알 수 있으며이를 업데이트하기 위해 일종의 함수 호출이 필요할 것입니다.