在第一个组合框中选择值后,根据ajax调用设置第二个组合框值

时间:2017-11-20 18:38:37

标签: javascript php jquery ajax combobox

我有一个包含两个字段的条目表单。一个人和一个师。

<input id="person_id" name="person_id">
<input id="division" name="division">

以下做了一些Jquery EasyUI魔术来从数据库中提取人名列表。

$('#person_id').combobox({
        url:'person.php?action=namenlijst',
        valueField:'person_id',
        textField:'naam',
        editor:'{options:{required:true}}',
        onSelect: function(rec){
            var url = 'person.php?action=determine_division&id='+rec.person_id;
            //alert(url);
        $("#divisie").combobox("select",<value returned from ajax call); 
        }
});

此代码使用一些值填充除法列表:

$('#divisie').combobox({
        url:'person.php?action=get_all_divisions',
        valueField:'division',
        textField:'division',
        editor:'{options:{required:true}}'
});

分区值是简单的三字母字符串。 MPO,FPO,MA1等。

我想要实现的是当选择一个人进行Ajax调用以确定最后一个人的分组时。然后设置分区输入的选定值。

我已经添加了onselect代码并创建了正确的URL。

问题:

  1. 如何进行Ajax调用并将分区输入值设置为 我的php函数返回的值。
  2. 我的php函数应该返回什么?一个简单的字符串值或一些JSON字符串?

1 个答案:

答案 0 :(得分:0)

找到答案:

$('#persoon_id').combobox({
        url:'persoon.php?action=namenlijst',
        valueField:'persoon_id',
        textField:'naam',
        editor:'{options:{required:true}}',
        onSelect: function(rec){
            var url = 'persoon.php?action=bepaal_divisie&persoon_id='+rec.persoon_id;
            $.ajax(url, {
                success: function(data) {
                     $("#divisie").combobox("select",data); 
                }
            });


        }
});