當用戶點擊建議時填寫幾個表單字段

Question

當用戶發佈表單時，我驗證分割成幾個字段的地址。如果地址沒有找到，我會顯示一個可能有用的建議地點列表，這些建議看起來像鏈接。

我想的是，如果用戶點擊一個鏈接時，幾個表單字段得到使用JQuery填補。假鏈接可以包含不同的信息，但我不確定如何使用JQuery格式化和解析它。我正在考慮使用隱藏字段，但不確定這是否正確。

感謝，

Answer 1

我可能會使用jQuery .data()存儲鏈接（錨）元素本身的值。在頁面的開始處，將相關數據分配給每個鏈接.data()。然後，您可以爲所有鏈接分配一個「建議」.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>