Rails Simple Form選択に基づいてDivを更新します。

Question

divのテキストを、ユーザーがドロップダウンリストで選択した値で、Rails5でSimple Formを使用して更新しようとしています。それはこのように動作するはずですが、私はそれが簡単なフォームで動作させることはできません。http://jsfiddle.net/zwzakdnv/

= f.input :service_name, collection: @my_services, label_method: :service_name, value_method: :service_name, id: "service" 

#service_will_show_here 

javascript: 
$('#service').change(function(){ 
    $selected_value=$('#service option:selected').text(); 
    $('#service_will_show_here').text($selected_value); 
}); 

---

ここでは、両方のドロップダウンのERBです。最初のドロップダウンは動作しますが、もう一つはそれはIDことが判明していない

<select id="select1"> 
    <option>Option 1</option> 
    <option>Option 2</option> 
</select> 

<%= f.input :service_name, collection: @my_services, label_method: :service_name, value_method: :service_name, id: "select2" %> 

<div id="result1"></div> 
<div id="result2"></div> 

<script> 
    $(document).ready(function(){ 
    $('#select1').change(function(){ 
     $selected_value=$('#select1 option:selected').text(); 
     $('#result1').text($selected_value); 
    }); 

    $('#select2').change(function(){ 
    $selected_value=$('#select2 option:selected').text(); 
    $('#result2').text($selected_value); 
    }); 
}); 

Answer 1

ん：簡単なフォームで「SELECT2は、」生成されたID「SERVICE_NAME」を上書きしませんでした。 Rails simple_form: custom input id