선택 요소 표시 및 숨기기 Chrome을 죽입니다.

Question

두 개의 선택 입력이 표시되도록 설정되었습니다. 다른 요소에서 change()을 기반으로하면 show() 또는 hide()에 jQuery를 사용합니다. "Something went wrong ..."메시지와 함께 죽는 Chrome을 제외하고 모든 브라우저 테스트가 훌륭합니다. 내 기능은 다음과 같습니다

$(document).ready(function(){ 
    $("#supplier_type").change(function() { 
     if ($("#supplier_type").val() == 'Wholesaler') { 
     $("#retail_fulfillment").hide("slow"); 
     $("#retail_fulfillment").val(""); 
     $("#wholesale_fulfillment").show("slow"); 
     } else { 
     if ($("#supplier_type").val() == 'Retailer') { 
     $("#wholesale_fulfillment").hide("slow"); 
     $("#wholesale_fulfillment").val(""); 
     $("#retail_fulfillment").show("slow"); 
     } 
     } 
    }); 

누구든지 이에 대한 조언이 있습니까?

Answer 1

위의 naivists의 의견 위에는 매개 변수없이 hide()를 호출 해 보았습니다. 이 방법으로는 문제가 해결되지 않았지만 show() 및 hide()에서 args를 제거하면 Chrome의 문제가 해결되었습니다.

Answer 2

#wholesale_fulfillment 및 #retail_fullfillment은 모두 선택 요소입니다. 그렇지 않습니까? select 요소의 값을 nothing으로 설정합니다. 나는 그것이 문제라고 생각한다. 그것은 불가능.

이 코드가 될 것이다 : 당신은 여전히 ​​그 <option/> -tag에 클래스를 추가하고 주석 자바 스크립트 코드의 주석, 빈 값과 <option/> -tag을 선택합니다

$(document).ready(function(){ 
    $("#supplier_type").change(function() { 
     if ($(this).val() == 'Wholesaler') { 
      $("#retail_fulfillment").hide("slow") 
      //$("#retail_fulfillment").find('option.empty').attr('selected', 'selected'); 
      $("#wholesale_fulfillment").show("slow"); 
     } else { 
      if ($(this).val() == 'Retailer') { 
      $("#wholesale_fulfillment").hide("slow"); 
      //$("#wholesale_fulfillment").find('option.empty').attr('selected', 'selected'); 
      $("#retail_fulfillment").show("slow"); 
      } 
     } 
    }); 
}); 

:

<select id="#wholesale_fulfillment"> 
    <option value="" class="empty">---</option> 
    <option value="something">Wholesaler</option> 
</select> 

Answer 3

누구든지 이에 대한 조언이 있으십니까?

예. See if a bug has already been filed for this issue.

그렇지 않은 경우 파일 하나. 최소한의 테스트 케이스 포함; pastehtml.com은 좋은 일입니다.

가능한 한 최선을 다해 크래시를 해킹하십시오.