ユーザーが提案をクリックするといくつかのフォームフィールドを入力します

Question

ユーザーがフォームを投稿すると、いくつかのフィールドに分割されたアドレスを検証します。アドレスが見つからない場合は、便利かもしれない候補地点のリストを表示します。これらの提案はリンクのように見えます。

私が望むのは、ユーザーが1つのリンクをクリックすると、いくつかのフォームフィールドがJQueryを使用して塗りつぶされるということです。偽のリンクにはさまざまな情報が含まれている可能性がありますが、JQueryを使用して書式を設定して解析する方法がわかりません。私は隠しフィールドの使用について考えていましたが、これが適切な方法であるかどうかはわかりません。

おかげで、

Answer 1

私はおそらくリンク（アンカー）要素自体の中に値を格納するためにjQuery .data()を使用すると思います。あなたのページの始めに、関連するデータを.data()で各リンクに割り当てます。次に、すべてのリンクに1つの「提案」.click()ハンドラを割り当てることができます。

はJavaScript：

$(document).ready(function() { 
    // assign suggestion data 
    $('#link1').data('field1', 'foo'); 
    $('#link1').data('field2', 'bar'); 

    $('#link2').data('field1', 'baz'); 
    $('#link2').data('field2', 'qux'); 

    // bind suggestion click handler 
    $('a.suggestion').bind('click', function() { 
     $('#field1').val($(this).data('field1')); 
     $('#field2').val($(this).data('field2')); 
    }); 
}); 

HTML：私は見

<input type="text" id="field1" /> 
<input type="text" id="field2" /> 

<a href="#" id="link1" class="suggestion">Link 1</a> 
<a href="#" id="link2" class="suggestion">Link 2</a>