<a>をクリックして選択値を設定する方法

Question

私はいくつかの画像でMVCビューを持っていますが、各画像にはビューの下部にあるフォームにリンクするリンクがあり、フォームに<select>クリックされたリンクに基づいて作成されなければならない。

これは、画像やリンクを持つページの一番上にdivです：

<div class="propImg"><img src="images/1.jpg" alt="" /></div> 
    <a href="#lnkForm" class="serviceRequest">Customer Service Request</a> 
</div> 
<div class="propImg"><img src="images/2.jpg" alt="" /></div> 
    <a href="#lnkForm" class="serviceRequest">Customer Service Request</a> 
</div> 

そして、これは、ページの一番下でformです：

<form id="formProperties"> 
    <select id="properties" name="properties" class="required simple-dropdown txtbox"> 
    <option value="">Select a Property</option> 
    <option value="1">100 Central Avenue</option> 
    <option value="2">220 Central Avenue</option> 
    </select> 
</form> 

これは、 <a>をクリックすると、ページが切り替わり、ユーザーがformに移動します。

$('a[href*=#]:not([href=#])').click(function() { 
    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 

     var target = $(this.hash); 
     target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); 
     if (target.length) { 
      $('html,body').animate({ 
       scrollTop: target.offset().top 
      }, 1000); 
      return false; 
     } 
    } 
}); 

ユーザーがクリックするリンクに基づいて<select>を入力する方法がわかりません。たとえば ：ユーザは、第2 <a>場合<select>は今、1値を持っている必要があります最初のリンクをクリックした場合 - <select>は2などで設定してください...

何かアドバイスを？

画像のdivタグとリンクはそのようになります（...私はそれを短縮するために、いくつかの設計要素を削除しますが、私はそれが必要である参照）

<div> 
     <div class="propImg"><img src="images/1-test-RoadL.jpg" alt="" /></div> 
     <span class="txt15"> 
      <br> 
      <strong>1 test Road</strong><br> 
      Piscataway, NJ 
     </span> 
     <span class="state"> 
      <br> 
      12,477 SF<br> 
     </span><br> 
     <a href="#lnkForm" class="serviceRequest">Customer Service Request</a> 
</div>