jquery中如何獲取選中自動完成文本框的值

以下是我的代碼，如何獲取選中自動完成文本框值的 JQuery？jquery中如何獲取選中自動完成文本框的值

<script type="text/javascript" src="JS/jquery.min.js"></script> 
    <script src="JS/jquery.autocomplete.js"></script> 
    <script> 
      $(function() { 
       $("#data").autocomplete("list.jsp") 

      }); 
     </script> 
     <script> 
      $(document).ready(function() { 
        $('#data').on('change', function() { 
         $('#d').html('You selected: ' + this.value); 
        }).change(); 
        $('#data').on('autocompleteselect', function (e, ui) { 
         $('#d').html('You selected: ' + ui.item.value); 
        }); 
       }); 

      </script> 
    </head> 
    <body> 
    <form action="osave.jsp" name="frm" method="post"> 
    Customer Name <input type="text" id="data" name="cname"> 
    <div id="d"></div> 
    </form>

文本框自動完成工作，但無法獲得選定的文本框值。輸出如下：

客戶名稱：烏沙
您選擇：U

來源

2016-07-11 RamChithra

是新的jQuery任意一個幫助，如何解決這個問題。 – RamChithra

這個2標記有任何問題， – RamChithra

當自動完成變化的值，它將觸發一個autocompletechange事件，而不是改變事件

$(document).ready(function() { 
    $('#tags').on('autocompletechange change', function() { 
     $('#tagsname').html('You selected: ' + this.value); 
    }).change(); 
});

演示：小提琴

另一種解決方案是使用select事件，beca使用觸發更改事件只有當輸入模糊

$(document).ready(function() { 
    $('#tags').on('change', function() { 
     $('#tagsname').html('You selected: ' + this.value); 
    }).change(); 
    $('#tags').on('autocompleteselect', function (e, ui) { 
     $('#tagsname').html('You selected: ' + ui.item.value); 
    }); 
});

來源

2016-07-11 10:30:48 user1012506

您錯過了小提琴鏈接.. –

正在使用此相同的代碼，但不能得到.. – RamChithra

但它的作品...哪個瀏覽器你？ – user1012506

只要改變ui.item.value與ui.item.label，如：

$('#data').on('autocompleteselect', function (e, ui) { 
    $('#d').html('You selected: ' + ui.item.label); 
});

來源

2016-07-11 10:34:56

要更普遍回答這個問題，答案是：

select: function(event , ui) { 
    alert("You selected: " + ui.item.label); 
}

完整示例：

$('#test').each(function(i, el) { 
    var that = $(el); 
    that.autocomplete({ 
     source: ['apple','banana','orange'], 
     select: function(event , ui) { 
      alert("You selected: " + ui.item.label); 
     } 
    }); 
}); 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" /> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>

類型水果在這裏：<input type="text" id="test" />

來源

2016-07-11 10:37:05 shif

am使用這個 – RamChithra

$(document).ready(function() { 
    $('#tags').on('change', function() { 
     $('#tagsname').html('You selected: ' + this.value); 
    }).change(); 
    $('#tags').on('blur', function (e, ui) { 
     $('#tagsname').html('You selected: ' + ui.item.value); 
    }); 
});

試試這個。

來源

2016-07-11 10:38:44

嘗試這種方式

<script> 
      $(function() { 
       $("#data").autocomplete({ 
       select: function (event, ui) { 
       $('#d').html('You selected: ' + ui.value);      
       return false; 
      } 

       }) 

      }); 
     </script>

來源

2016-07-11 10:42:07

no ，這是行不通的。 – RamChithra

@RamChithra現在檢查你 –

jquery中如何獲取選中自動完成文本框的值

回答

相關問題