RAILS에서 동적 선택 필드의 선택된 옵션/값 가져 오기

Question

여기 동적 ID가 select_field입니다.

왜 동적입니까? 중첩 필드/양식을 사용했기 때문에.

<%= f.select :category_id, Category.all.map{ |c| [c.code, c.id] }, {prompt:""},{class:"cat-code"} %> 

여기에는 선택 필드 당 동적 ID를 단순히 가져 오는 JS 코드가 있습니다.

 <%= javascript_tag do %> 
       $(function() { 



        $(".cat-code").change(function(){   

         var getID = this.id; 
         var value = $("getID").val() 

         alert(value); 

         if (value == "1"){ 
          $(".div1").show(); 
          $(".div2").hide(); 
         } 

         else if (value == "2"){ 
          $(".div1").hide(); 
          $(".div2").show(); 
         } 

        }); 


       }); 
     <% end %> 

내가 사용 ID를 얻을 수 있습니다 ..

alert(getID); 

그러나 선택된 값을 얻는 것은 너무 작동하지의 show() 및 hide() div의 결과 undefined집니다

.

모든 해결 방법을 알려드립니다. 감사.

Answer 1

var value = $("#" + getID).val() 

Answer 2

var element = $(this); 
var value = element.val() 

Answer 3

이미 사용하여 해결, 너희들을 감사드립니다.

   $(".cat-code").change(function(){   

        var getID = this.id; 
        var value = document.getElementById(this.id).value; 

        console.log(getID + "with a value of" + value); 

        if (value ==){ 
         $(".div1").show(); 
         $(".div2").hide(); 
        } 

        else if (value == "2"){ 
         $(".div1").hide(); 
         $(".div2").show(); 
        } 

       });