如何使用自动完成的select方法?

时间:2017-04-07 10:15:37

标签: php jquery

代码:

<script>
$(function() {
    $( "#college_name" ).autocomplete({
        source: 'search.php',
        minLength:2,
        select: function(event, ui) {
    var x = ui.item.value;
    $("#college_name").attr('value',x);
    }
    });
});
</script>

<script>
   $(document).ready(function(){
       $("#college_name").select(function(){
          alert("hi");
       });
   });
</script>

html代码:

<input type="text" id = "college_name"  name = "college_name" value="" placeholder = "College Name" autocomplete="off">
<input type='text' name='college_id' id='college_id'>

在这段代码中,当我在college_name中输入任何大学名称输入字段自动完成搜索,即search.php工作时,所有大学都在显示。但是当我从自动填充中选择任何一所大学时,它不会显示任何消息,如(hi)或任何东西。那么,我该如何解决这个问题。

谢谢

1 个答案:

答案 0 :(得分:0)

在选择自动填充事件中添加警报消息。

 <script>
    $(function() {
        $( "#college_name" ).autocomplete({
            source: 'search.php',
            minLength:2,
            select: function(event, ui) {
        var x = ui.item.value;
        $("#college_name").attr('value',x);
         alert("hi");
        }
        });
    });
    </script>