1

I have some very simple code.

Ok the issue is as such, we have a input field, and use jquery autocomplete. We also have on this field keyup function. The idea is that as the user types into this field, further down page, we echo what they are typing.

So if they were to type apple, in another div a span is updated live with word apple. However, we also on this input fire autocomplete using jquery api. So the problem occurs, that is they type:

app and select from autocomplete apple. The keyup has only registered the letters they typed, and so echoes app.

My code for the keyup is as follows:

//business suburb
$("#suburb").keyup(function() 
{
var suburb=$(this).val();
$(".adburb").html(suburb);
return false;
});

Input id is suburb

Preview code is as follows:

<li class="fixed">Suburb:
  <span class="overBit">
   <span id='title' class="adburb">Your Suburb</span>
  </span>
</li>

私の質問は、選択したオートコンプリート値をユーザーが完全に入力したかのようにバインドするにはどうすればよいですか?

4

2 に答える 2

1

これをどこかで wack して、オートコンプリートの選択コールバックを起動します

    $( "#suburb" ).on( "autocompleteselect", function( event, ui ) {
      $(".adburb").html($("#郊外").val());
    } );
于 2013-02-07T01:43:29.417 に答える
1

dtbakerとdesignchemicalの支援により、この問題は解決されました。

そのままのコード:

$("#suburb").autocomplete({
close: function(event, ui) {
    $(".adburb").html($("#suburb").val());
}
});
于 2013-02-07T02:03:37.617 に答える