Javascript 阅读谷歌地图自动完成内表

Javascript 阅读谷歌地图自动完成内表,javascript,jquery,google-maps-api-3,html-table,autocomplete,Javascript,Jquery,Google Maps Api 3,Html Table,Autocomplete,我有一个行程/通行费计算页面,用户在其中输入起点、目的地和要停靠的航路点。我已经设法使用JS/Jquery在表中动态插入输入文本,并将它们分配给Google Maps Autocomplete。在这里之前一切都很好 我可以添加/删除/排序行,所有输入都可以正常工作。我还做了一些foreach循环来获取表中的每一行,然后尝试从中读取autocomplete值,但我能得到的只是输入值,而不是autocomplete值 $('#tblInterm > tbody > tr').each(

我有一个行程/通行费计算页面,用户在其中输入起点、目的地和要停靠的航路点。我已经设法使用JS/Jquery在表中动态插入输入文本,并将它们分配给Google Maps Autocomplete。在这里之前一切都很好

我可以添加/删除/排序行,所有输入都可以正常工作。我还做了一些foreach循环来获取表中的每一行,然后尝试从中读取autocomplete值,但我能得到的只是输入值,而不是autocomplete值

$('#tblInterm > tbody  > tr').each(function ()
{
    console.log(this.closest('input').val());
});
关键是这个表格可以按照用户的意愿进行拖拽和排序,因此这些航路点的顺序可以改变,也将改变(很像谷歌地图本身)

我需要的是一种读取表中每个输入/自动完成的方法,以获取LatLng信息,并根据用户的输入计算出行/通行费

//搜索仅限于巴西
变量选项={
组件限制:{
国家:'br'
}
};
$(文档).ready(函数(){
//把桌子整理一下
$(“#tblInterm tbody”)。可排序({
项目:“>tr”,
附录:“家长”,
助手:“克隆”
}).disableSelection();
//将初始行添加到表中
添加();
});
//航路点阵列和数量控制
var parada=[];
var p=1;
//添加新航路点
函数Add(){
//创建输入
变量inputParada=$(''{
id:“txtParada”+p,
类:“窗体控件”,
键入:“搜索”,
样式:“边距:0;填充:0;宽度:100%;”,
占位符:“Endereço de parada”
});
//在表中插入一行,其中包含输入和“删除”以及“添加”按钮
var tr=$('');
tr.append(“”+inputParada[0].outerHTML+“”);
tr.append(“”);
tr.append(“”);
//将行追加到表中
$('tblInterm tbody')。追加(tr);
//绑定删除事件
$(“.btnDelete”).unbind('click');
$(“.btnDelete”).bind('click',Delete);
//绑定添加事件
$(“.btnAdd”).unbind('click');
$(“.btnAdd”).bind('单击',添加);
//将输入设置为自动完成字段
inputParada.click(函数(){
var autoParada=new google.maps.places.Autocomplete(document.getElementById($(this)[0].id),options);
})。单击();
//跟踪已创建行的数量
p++;
}
//删除该行
函数Delete(){
$(this).closest('tr').remove();
}


我在表中获取输入值的确切方法是
$('#tblInterm>tbody>tr')。每个(函数(I,行){var c=row.cells[0]。子项[0];})我没有看到任何试图获取您发布的代码中的值的尝试。你说你想获取lat/lng信息,但你没有在任何地方设置它们!你读过一些关于自动完成是如何工作的吗?有大量的文档、示例和教程。我用来获取输入值的确切方法是在表
$('#tblInterm>tbody>tr')。每个(函数(I,行){var c=row.cells[0]。子函数[0];})我没有看到任何试图获取您发布的代码中的值的尝试。你说你想获取lat/lng信息,但你没有在任何地方设置它们!你读过一些关于自动完成是如何工作的吗?这里有大量的文档、示例和教程。