G:在grails中使用两个组合框进行选择

<g:select name="category" from="${categories}" optionKey="id" optionValue="name" noSelection="['':'- Select Category -']" />
<g:select name="item" from="${items}" optionKey="id" optionValue="name" noSelection="['':'- Select Item -']" />

<script>
    $(document).ready(function() {
        $('#category').change(function() {
            var categoryId = $(this).val();
            if (categoryId) {
                ${remoteFunction(
                    controller: 'item',
                    action: 'getItemsByCategory',
                    params: '\'categoryId=\' + categoryId',
                    onSuccess: 'updateItems(data)'
                )}
            } else {
                $('#item').html('');
            }
        });
    });

    function updateItems(data) {
        $('#item').html(data);
    }
</script>

class ItemController {
    def getItemsByCategory() {
        def categoryId = params.categoryId
        def items = Item.findAllByCategory(categoryId)
        render(template: 'itemOptions', model: [items: items])
    }
}

<% items.each { item -> %>
    <option value="${item.id}">${item.name}</option>
<% } %>