Python社区  »  Jquery

如何根据在jquery autocomplete中选择的选项获取值(id)

Himanshu Rahi • 1 周前 • 12 次点击  

我正试图用jquery autocomplete在我的网站中创建一个部分

<li> 
  <input id="tags" id="srch_term" name="srch_term" class="form-control">
</li>
$(document).ready(function() {
  var location = [];
  $.ajax({
    url: $('#hf_base_url').val() + '/ajax/all_location_processing',
    type: 'GET',
    cache: false,
    dataType: 'json',    
    headers: { 
      'X-CSRF-TOKEN' : $('meta[name="csrf-token"]').attr('content') 
    }, 
    success: function(data) {
      $.each(data, function(key, val) { 
        location.push({
          id: val.id,
          name:val.name
        }); 
      })
    },
    error:function() {}
  });
});

在这里我做了什么,当页面加载和存储 location_id location_name 在名为 location .

{ id: 24, name: "Baltimore" },
{ id: 25, name: "Brooklyn" },
{ id: 26, name: "Chicago" },
{ id: 27, name: "Cleveland" },
{ id: 28, name: "Denver" },
{ id: 29, name: "Detroit" },
{ id: 30, name: "Edison" },
{ id: 31, name: "Five Towns" },
{ id: 32, name: "Flatbush" },
{ id: 33, name: "Israel"},
{ id: 34, name: "Lakewood" },
{ id: 35, name: "Los Angeles" },
{ id: 36, name: "Miami" },
{ id: 37, name: "Monsey" },
{ id: 38, name: "Montreal" },
{ id: 39, name: "Passaic" },
{ id: 40, name: "Philadelphia" },
{ id: 41, name: "Tornoto" },

现在,当在自动完成中选择位置时,我要做的是 位置标识 以便我能做更多的工作

Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/40259
 
12 次点击  
分享到微博
文章 [ 1 ]  |  最新文章 1 周前
scode2704
Reply   •   1 楼
scode2704    6 月前
<input type="hidden" id="id_location_hidden" val="">

请检查此代码,希望它能帮助您。

$("#srch_term").autocomplete({
    source: url,
    select: function( event, ui ) {
        event.preventDefault();
        $("#id_location_hidden").val(ui.item.id);
    }
});