jQuery geocomplete 输出到自定义字段

Question

我一直试图让它映射到我指定的字段，但没有成功。我们有一个我们无法控制字段名称等的表单，并试图将结果映射到每个字段。是否可以将纬度和经度映射到可能像这样命名的字段

经纬度输入字段名称=ctl00$placeholderBody$ctl03$txtCustomField1

<input name="ctl00$placeholderBody$ctl03$txtCustomField1" type="text" id="ctl00_placeholderBody_ctl03_txtCustomField1">

lon输入字段名=ctl00$placeholderBody$ctl03$txtCustomField2

<input name="ctl00$placeholderBody$ctl03$txtCustomField2" type="text" id="ctl00_placeholderBody_ctl03_txtCustomField2">

这是一个示例，但我看不到如何将输出映射到其他自定义字段名称。 http://codepen.io/abennington/pen/dMgqRq

任何帮助和示例代码都将是救命稻草！ :)

Answer 1

$(document).ready(function(){
  // Call Geo Complete
  $('#ctl00_placeholderBody_ctl03_txtCustomField1').attr('data-geo','lat');
  $('#ctl00_placeholderBody_ctl03_txtCustomField2').attr('data-geo','lng');
  $("#search").geocomplete({details:"form#property",map:"#map",detailsAttribute:'data-geo'});
});

我成功了。在您的示例中，您具有相同的 ID 名称，但只需添加一个属性（无论您想要什么，插件都以 data-geo 为例），但添加该属性，然后设置 geocomplete 以引用数据的该属性。请参阅插件的填充表单数据部分。

基本上，您注意到的插件正在寻找字段名称 lat 和 lng。 detailsAttribute 选项告诉插件寻找 name 属性以外的东西。

jQuery geocomplete 输出到自定义字段

jQuery geocomplete output to custom fields

javascript

jquery

geocomplete