ビューでのRails

Question

にはJavaScriptのオプションから値を取得し、私が持っているコード

<tr> 
    <td><%= form.label :category_id %></td> 
    <td><%= form.select :category_id, options_from_collection_for_select(Category.all, 'id', 'name'), :class => 'form-control',:onchange => 'addCategory(category_id)'%></td> 
</tr> 

、スクリプト私は入力機能addCategoryとして使用するために選択した値のオプションを取得する方法がわからない

<script type="text/javascript"> 
    $('select').change(addCategory); 
    function addCategory(category_id){ 
    alert(category_id.value); 
} 
</script> 

（）。

Answer 1

この1

<script type="text/javascript"> 
    $('select').change(addCategory); 
    function addCategory(){ 
    alert($(this).val()); 
} 
</script> 

$(this)を試してみてくださいあなたは、その値

Answer 2

バニラアプローチを得るval()方法で、新しい選択された要素を指します。

document.querySelector('select').addEventListener('change', function(e){ 
    alert(e.target.value); 
}) 

又はaddCategory(e)関数を定義し、changeイベントにコールバックとして渡します。

function addCategory(e) { 
    alert(e.target.value); 
} 

document.querySelector('selector').addEventListener('change', addCategory); 

e.targetウルサスと答えた上$(this)と同じです。

document.querySelector('select').addEventListener('change', function(e){ 
 
    alert(e.target.value); 
 
})

<select> 
 
    <option value="1">Volvo</option> 
 
    <option value="2">Saab</option> 
 
    <option value="3">Opel</option> 
 
    <option value="4">Audi</option> 
 
    <option value="5">Lada</option> 
 
</select>