1

JQUIオートコンプリートから、オートコンプリート機能も有効になっている別の入力に入力値をコピーしようとしています。

ここに私がHTMLで持っているものがあります

<label for="LocationFrom">Location</label> <input id="LocationFrom" />
<label for="LocationTo">Location</label> <input id="LocationTo" />

とJS

$(function() {
$('#LocationFrom, #LocationTo').autocomplete({
    source: [
    "airport",
    "downtown",
    "street",
    "city"
            ],
    minLength: 0
})
.focus(function()
{
var self = this;

window.setTimeout(function()
{
if (self.value.length == 0)
  $(self).autocomplete('search', '');
});})});

私はこれで試しましたが、うまくいきません

$('#LocationFrom').change(function() {
$('#LocationTo').val($(this).val());
});

ここにフィドルがあります

tnx

4

2 に答える 2

0

セレクトイベントをご利用ください。

参考までにフィドルを更新しました。

http://jsfiddle.net/AknyR/16/

$(function() {
    $('#LocationFrom, #LocationTo').autocomplete({
        source: [
        "airport",
        "downtown",
        "street",
        "city"
                ],
        minLength: 0,
        select: function( event, ui ) {

            $('#LocationTo').val(ui.item.value);
           $('#LocationFrom').val('');
            return false;
}
    })
    .focus(function()
    {
  var self = this;

  window.setTimeout(function()
  {
    if (self.value.length == 0)
      $(self).autocomplete('search', '');
  });

})

$('#LocationFrom').change(function() {
$('#LocationTo').val($(this).val());
});

});
于 2013-07-25T09:32:12.747 に答える