web2py:检测下拉小部件的变化

web2py: detect change in dropdown widget

我们如何检测下拉小部件的变化以便执行代码?

Table loan 引用 table services。两者都有名为 interest_rate 的字段。当我通过下拉菜单更改 loan.service 时,我想反映相应的 interest_rateservices table 到 loan table.

如何实现?

型号

db.define_table('services',
                Field('service_name',requires=[IS_NOT_EMPTY(),IS_NOT_IN_DB(db,'services.service_name')]),
                Field('service_type','reference service_types',requires=IS_IN_DB(db,db.service_types.id,
                                                                                '%(type_name)s',
                                                                                error_message='not in table',
                                                                                zero=None),
                                                                                ondelete='RESTRICT',
                                                                                ),
                Field('interest_rate','decimal(15,2)',requires=IS_DECIMAL_IN_RANGE(0,100)),
                Field('max_term','integer'),
                auth.signature,
                format='%(service_name)s',
    )

db.define_table('loan',
    Field('service','reference services',requires=IS_IN_DB(db,db.services.id,
                                            '%(service_name)s',
                                            error_message='not in table',
                                            zero=None),
                                            ondelete='RESTRICT',),
    Field('member_id','reference members',requires=IS_IN_DB(db,db.members.id,
                                            '%(member_name)s',
                                            error_message='not in table',
                                            zero=None),
                                            ondelete='RESTRICT',
                                            label='Member'),
    Field('amount','decimal(15,2)',requires=IS_DECIMAL_IN_RANGE(1000)),
    Field('interest_rate','decimal(6,2)',default=10),
    )   

通过在前端使用javascript。例如,使用 jquery 库:

$("select").on("change", function(){

    var selected = $(this).val();

    $.ajax({
        url: "/get_rates",
        data:{
            "selected": selected
        },
        success: function(value_from_url){
            $("div").text(value_from_url);
        }
    });
});

material进程是用change()事件监听onchange,是这样的:

<script src="{{=URL('static', 'js/utils.js')}}"></script>
<script>

{{=ASSIGNJS(jslast_nos = last_nos)}}
{{=ASSIGNJS(jsaction = action)}}
jQuery(document).ready(function(){
    if (jsaction == "new") {
        jQuery("#AAP_doc_number").val(jslast_nos[jQuery("#AAP_pos_id").val()]);
    };
    jQuery("#AAP_pos_id").change(function(){
        pos_id = jQuery('#AAP_pos_id').val();
        jQuery("#AAP_doc_number").val(jslast_nos[pos_id]);
    });
    jQuery('#AAP_bags').change(function(){
        jQuery("#AAP_net_kg_qty").val(Number(jQuery('#AAP_bags').val() * 50));
        jQuery('#AAP_net_kg_qty').change();
    });
    jQuery('#AAP_net_kg_qty, #AAP_selling_price').change(function(){
        n = Number(jQuery('#AAP_net_kg_qty').val()) * Number(jQuery('#AAP_selling_price').val())
        jQuery('#AAP_amount').val(evenRound(Number(n),2).toFixed(2))
    });
});
</script>