jQuery가있는 레일 4 - 양식의 선택 기능

Question

레일 애플 리케이션에서 양식을 수정하는 방법을 알아 내려고합니다.

양식에 현재 2 개의 질문이 있습니다.

첫 번째 질문은 사용자에게 조직을 선택하도록 요청합니다. 원하는 조직이 목록에 없으면 다른 조직을 선택할 수있는 옵션이 있습니다.

다른 사람이 선택하면 두 번째 질문을 표시하고 싶습니다. 내 양식에

, 나는이 :

내 응용 프로그램/자산/자바 스크립트/organisation_requests.js에서

<%= simple_form_for(@organisation_request) do |f| %> 
      <%= f.error_notification %> 
      <div class="form-inputs"> 
      <%= f.input :organisation_id, collection: @all_organisations << ['other', nil] %> 
       </div> 

     <div id="organisation_request_name_content" class="content hidden"> 

      <div class="form-inputs"> 
      <%= f.input :name %> 
      </div> 
     </div> 

       <div class="form-actions"> 
        <%= f.button :submit, "Create", :class => 'formsubmit' %> 
       </div> 
      <% end %> 

, 나는이 : 나는이 모든 저장하면

jQuery(document).ready(function() { 
    jQuery("#organisation_request_organisation_id").on('select', function() { 
     if (jQuery(this)[0] == 'other') { 
      jQuery('#organisation_request_name_content').removeClass('hidden'); 
     } else { 
      jQuery('#organisation_request_name_content').addClass('hidden'); 
     } 
    }); 


}); 

그것을 시도 - 두 번째 질문은 숨겨져 있지만 첫 번째 질문에 대한 입력으로 다른 질문을 선택하면 밝혀지지 않습니다.

어디서 잘못 본 사람이 있습니까?

Answer 1

선택 입력의 값을 확인해야합니다. 입력 값이 경우, other에 할당 된 값이됩니다 동안

는 는

선택한 옵션의 텍스트는, other을 위해 대신 다음 if 문을 사용할 수 있습니다, 그래서 NULL

other 것 :

if (jQuery(this).val() == NULL) { 

또한, 대신 텍스트를 선택 적용 select 이벤트를 사용하여, 당신은 다음과 같이 change을 사용해야합니다

jQuery("#organisation_request_organisation_id").on('change', function() {