즉석에서 요소를 활성화/생성하는 방법

Question

PHP, jQuery 및 Spry의 조합을 사용하여 사용자가 먼저 차량 유형을 선택한 다음 make, 모델 및 마지막으로 일련의 목록 상자를 제공합니다. 특정 모델.

내 모든 listboxes (SELECT)가 정상적으로 작동하며 Spry 요소를 사용하여 올바르게 업데이트됩니다. 각 목록 상자는 다른 Spry XML 데이터 집합에서 채워지며 이것이 내 문제입니다.

사용자에게 네 개의 목록 상자를 모두 제공하면 스크립트는 몇 초가 걸리는 네 개의 목록 상자를 모두 채우기 위해 네 개의 XML 로트를 모두 가져와야합니다. 내가하고 싶은 일은 목록 상자를 순서대로 생성/활성화하는 것입니다. 따라서 사용자가 첫 번째 목록 상자에서 선택하면 두 번째 항목이 만들어지고 두 번째 항목이 선택되고 두 번째 항목이 선택되면 세 번째 항목이 작성/활성화됩니다. 에.

스크립트가 처리되기 전에 이미 스크립트를 가져 왔기 때문에 disabled 특성을 설정하는 것은 좋지 않습니다.

어떤 아이디어 ??

시

UPDATE - 미안 얘들 아, 내 문제는 아주 분명하게 생각하지 않습니다.

필자는 필자가 Spry XML 데이터 세트 변수 4 개를 선언했다. 각 변수는 필요에 따라 서비스가 중단되고 서비스에 대한 복잡한 SOAP 쿼리를 수행 한 다음 XML 청크를 반환한다. 각 쿼리는 마지막 쿼리에 따라 달라 지므로 사용자가 차량 유형을 선택하면 두 번째 데이터 세트가 새로 고쳐져 정확한 제조업체 목록이 제공됩니다. 제조업체를 선택하면 세 번째 목록이 새로 고쳐져 해당 제조업체의 정확한 모델 목록이 제공됩니다. 모델을 선택하면 모델 파생어 목록이 해당 모델에 대해 새로 고쳐집니다 (네 번째 목록).

내 스크립트가 다운 된 경우 4 개의 SELECT가 있으며 각각은 spry 쿼리의 데이터로 채워집니다. 이제 사용자는 최종 상자에서 올바른 모델을 얻으려면 각 목록에서 원하는 옵션을 차례로 선택해야합니다. 내가하고 싶은 일은 페이지가 생성 될 때 첫 번째 상자 만 채운 다음 사용자가 Autotrader 웹 사이트에서 발생하는 것과 같이 각각에서 원하는 값을 선택할 때 두 번째, 세 번째 및 네 번째 상자를 채 웁니다. www.autotrader.co.uk).

초기 게시물에서 말했듯이 'disabled'attr 또는 jQuery show() 및 hide() 함수도 사용할 수 없습니다. 네 개의 데이터 세트가 모두 가져온 후에야 시작됩니다. SELECT에 채워집니다. 나는 왜 단지 숨길

희망이 그들을 해제하는 대신

Answer 1

$('option').click(function() { 
    if($(this).val() != 'Select one...'){ 
     $(this).next('select').attr('enabled', 'enabled'); 
     $(this).next('select ~ select').attr('disabled', 'disabled'); 

     /* or */ 
     $(this).after('<!-- Generated select/option HTML -->').nextAll('select').remove(); 
    } 
} 

이 완전히 안된이지만, API에 따라 작동 할 수 있습니다. 나는 당신의 질문을 완전히 이해하고 있는지 확신 할 수 없지만 선택 후 다음 옵션을 사용하도록 설정하고 다음 옵션을 클릭 할 때까지 옵션을 사용하지 않으려는 경우, 이것이 작동하면 티켓이됩니다.

동적으로 추가 (또는 제거)하는 문제 인 경우 .after 및 .nextAll 메서드를 사용하여 제거 할 선택 상자를 추가하고 정확하게 지정할 수 있습니다.

업데이트 : Whoopsie. 잘못된 셀렉터가 있었어.

Answer 2

를 명확히 ... 이상적으로 처음 필요할 때, 처음에 반입되고 XML의 네 많이 중지에서 요소를 만들어 뭔가가 필요/jQuery를 사용하여 표시 하시겠습니까? .hide().show(),

Answer 3

나는 당신이 요구하는지 무엇인지 모르겠어요하지만 당신은 같은 뭔가를 찾고있는 것처럼 보인다 :

$("#select1").bind("change",function() { 
    var sel=$(this).attr("value"); 
    $.ajax({ 
     url:sel + ".xml", 
     dataType:"xml", 
     success:function(xml) { 
      $(xml).children("option").each(function() { 
       $("<option />",attr:{ value:$(this).attr("value") }).text($(this).text()).appendTo("#select2"); 
      }); 
     } 
    }); 
}); 

내가 여기 방법 기지에서 있습니까? 제 말은, 이것은 단지 그것에 관한 초보적인 방법 일뿐입니다 (그리고 아마 10 억 개의 구멍이 있습니다). 페이지로드시 모든 XML을 가져 오는 것을 원하지 않습니까? $("#select1")을 $("#formname select").each(function() {으로 변경 한 다음 XML을 가져온 후 .next("select")을 추가하도록 선택할 수도 있습니다.

나는 고백 하겠지만, 나는 Spry를 사용한 적이 없다. 조금 익숙해졌으며 jQuery를 사용하기 위해 필요한 것을 할 수있는 것처럼 보였습니다.