社区所有版块导航
Python
python开源   Django   Python   DjangoApp   pycharm  
DATA
docker   Elasticsearch  
aigc
aigc   chatgpt  
WEB开发
linux   MongoDB   Redis   DATABASE   NGINX   其他Web框架   web工具   zookeeper   tornado   NoSql   Bootstrap   js   peewee   Git   bottle   IE   MQ   Jquery  
机器学习
机器学习算法  
Python88.com
反馈   公告   社区推广  
产品
短视频  
印度
印度  
Py学习  »  Jquery

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

Himanshu Rahi • 4 年前 • 121 次点击  

我正试图用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
 
121 次点击  
文章 [ 1 ]  |  最新文章 4 年前
scode2704
Reply   •   1 楼
scode2704    5 年前
<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);
    }
});