カスタムフィールドへのjQueryジオコンプリートの出力

Question

私は指定するフィールドにマップするようにしようとしていますが、運がありませんでした。私たちは、フィールド名などを制御することができない形式を持ち、結果を各フィールドにマップしようとしています。それはそう

緯度入力フィールド名= ctl00 $ placeholderBody $ ctl03 $ txtCustomField1

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

ロン入力フィールド名= 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属性以外のものを探すように指示します。