Question

实际上，我存储了jquery（availableTags）的位置值，我想如果我搜索一个位置（在数据库位置＆＃39; id＆＃39;那里），相关记录只会显示，如果我点击＆＃ 39; Adugodi＆＃39;意味着相关位置应该显示，所以如何解决这个问题请帮助我。

我的脚本代码是：

<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

＆＃13;

$(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
  });
});

＆＃13;

<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>

＆＃13;

php中的位置搜索问题

1 个答案: