从Rails的javascript选项中获取价值

Question

看来，我有代码

 <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>

和脚本

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

我不知道如何选择要用作输入函数addCategory（）的值选项。

Answer 1

试试这个

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

$(this)指的是新选择的元素，使用val()方法可以得到它的值

Answer 2

香草的方法。

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与Ursus答案上的$(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>