我在rails中使用了一些javascript代码。我使用此代码动态制作两个下拉菜单。我需要将代码“翻译”为js.coffee,但我不知道如何做到这一点。
这是我的javascript代码:
<script>
$(document).ready(function() {
$('#categories_select').change(function() {
$.ajax({
url: "<%= update_subcategories_path %>",
data: {
category_id : $('#categories_select').val()
},
dataType: "script"
});
});
});
</script>
我尝试了这个,但它不起作用:
$ ->
$(document).on 'change', '#categories_select', (evt) ->
$.ajax 'update_subcategories',
type: 'GET'
dataType: 'script'
data: {
country_id: $("#categories_select option:selected").val()
}
error: (jqXHR, textStatus, errorThrown) ->
console.log("AJAX Error: #{textStatus}")
success: (data, textStatus, jqXHR) ->
console.log("Dynamic category select OK!")
这是我的表格:
<%= form_for(@search) do |f| %>
<%= f.collection_select :category_id, @categories, :id, :name, {:prompt => "Select category"}, {:id => 'categories_select'} %>
<%= f.collection_select :subcategory_id, @subcategories, :id, :name, {:prompt => "Select subcategory"}, {:id => 'subcategories_select'} %>
使用脚本它工作正常,但我想从我的html文件中获取此javascript。任何人都可以帮我这个吗?
感谢您的帮助!
答案 0 :(得分:0)
对于它的价值,我认为您似乎已尝试将代码转换为CoffeeScript 并且同时更改它。你应该先做第一个,检查它是否有效,然后是第二个。
这为我编译,并与您上面的javascript相同。对你起作用吗?如果是这样,请从那里继续:
$(document).ready ->
$('#categories_select').change ->
$.ajax
url: "<%= update_subcategories_path %>",
data:
category_id : $('#categories_select').val()
dataType: "script"