根据我输入的ID显示自动填充选择

时间:2018-08-09 06:49:25

标签: javascript jquery laravel autocomplete keyup

我有2个字段,

第二个字段是自动完成选择

我想根据我在第一个字段中输入的内容在第二个字段中进行过滤。

示例

  1. 我填写的代理类型:T

  2. 因此在座席号码中,将显示所有带有代码“ T”的列表,

这是我到目前为止尝试过的,问题是无法自动完成,但是我可以根据座席类型代码显示所有座席号码。

我使用'T'作为我的api的ID,以过滤第二个字段,诸如此类

source:“ / api / agent /” + agent_type,

<script type="text/javascript">
    $( ".fn" ).keyup(function() {

var agent_type = $('#agent_type').val();

    $(function()
    {
         $( "#agent_no" ).autocomplete({

          source:"<?php  print url('/'); ?>/api/agent/"+agent_type,
          minLength: 0,
          select: function(event, ui) {
             $('#agent_no').val(ui.item.value);
             $('#agent_name').val(ui.item.desc);
          },
           change: function( event, ui ) {
             if (ui.item == null || ui.item == undefined) {
                $("#agent_no").val("");
                if (!$(this).val()) {
            $(this).focus();
        }
            } else {
                $("#agent_no").attr("readonly", false);
            }
        }
        }); 
    });
 });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 agent type <input type="text" name="agent_type" id="agent_type" class="form-control fn"  required="" value="" >
 <br>
 agent no <input type="text" name="agent_no" id="agent_no" class="form-control fn"  required="" value="" >

0 个答案:

没有答案