如果您正在開發(fā)一個與股票有關(guān)的網(wǎng)站或應(yīng)用程序,您可能需要在用戶輸入時提供股票名稱的自動完成功能。這可以通過使用jQuery庫中的自動完成選項(xiàng)來輕松實(shí)現(xiàn)。
首先,您需要確保已經(jīng)引入了jQuery和jQuery UI的正確版本。接下來,您可以使用以下代碼創(chuàng)建一個文本框和用于顯示自動完成選項(xiàng)的列表:
<input type="text" id="stockInput"> <ul id="stockList"></ul>
為了使自動完成選項(xiàng)起作用,您需要在文本框上調(diào)用jQuery UI的自動完成方法,并將其與一個包含股票名稱的數(shù)組連接起來:
$( "#stockInput" ).autocomplete({ source: ["AAPL", "GOOGL", "MSFT", "FB", "AMZN", "TSLA", "NVDA", "NFLX"] });
現(xiàn)在,當(dāng)用戶在文本框中輸入時,將會在下拉列表中提示與其輸入匹配的股票名稱。
如果您需要向自動完成選項(xiàng)中添加更多的股票名稱,可以將它們添加到源數(shù)組中。但是,如果您使用的是實(shí)時數(shù)據(jù),您需要通過AJAX請求獲取數(shù)據(jù),并在回調(diào)函數(shù)中將其添加到源數(shù)組中。以下是一個典型的AJAX請求示例:
$.ajax({ url: "https://api.example.com/stocklist", success: function( data ) { var stocks = $.map( data, function( item ) { return item.symbol; }); $( "#stockInput" ).autocomplete( "option", "source", stocks ); } });
這些代碼可以幫助您實(shí)現(xiàn)一個簡單而有效的自動完成選項(xiàng),使用戶能夠輕松輸入股票名稱。