jQuery地理填充输出到自定义字段

时间:2016-04-29 11:47:33

标签: javascript jquery geocomplete

我一直试图让它映射到我指定的字段,但没有任何运气。我们有一个表单,我们无法控制字段名称等,并试图将结果映射到每个字段。是否可以将例如lat和long映射到可能被命名的字段

Lat输入字段名称= 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

任何帮助和示例代码都可以节省生命! :)

1 个答案:

答案 0 :(得分: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属性以外的内容。