php中的位置搜索问题

Question

实际上，我为jquery (availableTags)存储了位置值，我想如果我搜索一个位置，该位置(在数据库位置'id‘中)只会显示相关记录，如果我点击'Adugodi’意味着相关位置应该显示，那么如何解决这个问题请帮助我。

我的脚本代码是：

<script>
$(function() {
  var availableTags = [
    "Adugodi",
    "Aecs Layout - Itpl",
    "Airport Road",
    "Arekere",
    "Bannergatta Road (Iimb, Bilekalli)",
    "Bannergatta Road (Dairy Circle)",
    "Bannergatta Road (Near Jayadeva, Btm)",
    "Banaswadi",
    "Banashankari",
    "Basavanagudi",
    "Basaveshwara Nagar",
    "Bellandur",
    "Bilekahalli",
    "Biocon, Huskur Gate Electronic City",
    "Bommanahalli",
    "Bommasandra",
    "Btm Layout",
    "Btm Layout 1St Stage",
    "Btm Layout 2Nd Stage",
    "Channasandra - Whitefield",
    "Christ College, Forum Koramangala",
    "Cv Raman Nagar",
    "Dasarahalli-Peenya",
    "Devarabeesanahalli",
    "Doddanekundi",
    "Domlur",
    "Ejipura",
    "Electronic City",
    "Electronic City Phase-1",
    "Electronic City Phase-2",
    "Electronic City (Bommasandra)",
    "Electronic City (Huskur Gate, Biocon)",
    "Ganga Nagar",
    "Global Village",
    "Hal 2Nd Stage",
    "Hebbal",
    "Hegdenagar",
    "Hennur Cross",
    "Hesaraghatta Main Road",
    "Hosa Road",
    "Hoodi - Itpl Whitefield",
    "Hsr Layout",
    "Hbr Layout Nagawara",
    "Hulimavu",
    "Itpl",
    "Itpl Main Road",
    "Indiranagar",
    "Jp Nagar",
    "Jayanagar",
    "Jeevanbhimanagar",
    "Jigani",
    "K R Puram",
    "Kadubeesanahalli",
    "Kadugodi - Whitefield",
    "Kaikondrahalli - Sarjapur",
    "Kalyan Nagar",
    "Kammanahalli",
    "Kasturinagar",
    "Kengeri-Bidadi",
    "Kodihalli",
    "Koramangala",
    "Koramangala - Sony Signal",
    "Koramangala 1St Block",
    "Koramangala 2Nd Block",
    "Koramangala 3Rd Block",
    "Koramangala 4Th Block",
    "Koramangala 5Th Block",
    "Koramangala 6Th Block",
    "Koramangala 7Th Block",
    "Koramangala 8Th Block",
    "Kudlu Gate - Hosur Road",
    "Kumaraswamy Layout",
    "Kundanahalli",
    "Kundanahalli Gate",
    "Kundanahalli Gate [Beml Layout]",
    "Kundanahalli Gate [Shirdi Sai Nagar]",
    "M G Road",
    "Madiwala",
    "Malleshwaram",
    "Manyata Tech Park",
    "Marathahalli",
    "Marathahalli Bridge",
    "Munekolala [Marathahalli]",
    "Mahadevpura",
    "Maruthinagar",
    "Mathikere",
    "Murugeshpalya",
    "Nagavarapalya Main Road (Old Madras Road)",
    "Nagawara",
    "New Bel Road",
    "New Thippasandra",
    "R T Nagar",
    "Ramagondanahalli (Near Forum Valur Mall)",
    "Ramamurthynagar",
    "Rajajinagar",
    "Rajarajeshwarinagar",
    "Rmz Infinity, Old Madras Road",
    "Roopena Agrahara, Hosur Road",
    "Rv College, Mysore Road",
    "S G Palya",
    "Sahakarnagar",
    "Sanjaynagar",
    "Sarjapur Road",
    "Silk Board",
    "Singasandra - Housr Road",
    "Shanthinagar",
    "Tavarekere",
    "Ulsoor",
    "Uttarahalli",
    "Wilson Garden",
    "Whitefield",
    "Yeshwanthpura",
  ];
  $("#tags").autocomplete({
    source: availableTags
  });
});
</script>

我的HTML代码：

<div class="form-group keyword">
                <input type="text" id="tags" placeholder="Search by location" name="location" list="locations" class="searchlocation" style="font-size:18px" />  
</div>

Answer 1

​

$(function() {
  var availableTags = [
    "Adugodi",
    "Aecs Layout - Itpl",
    "Airport Road",
    "Arekere",
    "Bannergatta Road (Iimb, Bilekalli)",
    "Bannergatta Road (Dairy Circle)",
    "Bannergatta Road (Near Jayadeva, Btm)",
    "Banaswadi",
    "Banashankari",
    "Basavanagudi",
    "Basaveshwara Nagar",
    "Bellandur",
    "Bilekahalli",
    "Biocon, Huskur Gate Electronic City",
    "Bommanahalli",
    "Bommasandra",
    "Btm Layout",
    "Btm Layout 1St Stage",
    "Btm Layout 2Nd Stage",
    "Channasandra - Whitefield",
    "Christ College, Forum Koramangala",
    "Cv Raman Nagar",
    "Dasarahalli-Peenya",
    "Devarabeesanahalli",
    "Doddanekundi",
    "Domlur",
    "Ejipura",
    "Electronic City",
    "Electronic City Phase-1",
    "Electronic City Phase-2",
    "Electronic City (Bommasandra)",
    "Electronic City (Huskur Gate, Biocon)",
    "Ganga Nagar",
    "Global Village",
    "Hal 2Nd Stage",
    "Hebbal",
    "Hegdenagar",
    "Hennur Cross",
    "Hesaraghatta Main Road",
    "Hosa Road",
    "Hoodi - Itpl Whitefield",
    "Hsr Layout",
    "Hbr Layout Nagawara",
    "Hulimavu",
    "Itpl",
    "Itpl Main Road",
    "Indiranagar",
    "Jp Nagar",
    "Jayanagar",
    "Jeevanbhimanagar",
    "Jigani",
    "K R Puram",
    "Kadubeesanahalli",
    "Kadugodi - Whitefield",
    "Kaikondrahalli - Sarjapur",
    "Kalyan Nagar",
    "Kammanahalli",
    "Kasturinagar",
    "Yeshwanthpura",
  ];
  $("#tags").autocomplete({
    source: availableTags
  });
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<div class="form-group keyword">
  <input type="text" id="tags" placeholder="Search by location" name="location" list="locations" class="searchlocation" style="font-size:18px" />  
</div>

​