如何針對特定選擇列表並返回它的值用於多行

Question

我有以下HTML代碼，在這種情況下，我有三行記錄，其中這三個記錄中的表格單元格之一是選擇/選項名單。我已經通過「selectLOV1」，「selectLOV2」和「selectLOV3」

<table summary="Contacts" class="uReport uReportStandard"> 
    <thead> 
     <tr> 
      <th id="CONTCT_NM">Contact Name</th> 
      <th id="TEL_NO">Telephone 
       <br/>No.</th> 
      <th id="STATE">State</th> 
      <th id="REAS">Reason</th> 
      <th id="DATE_CALLED">Date 
       <br/>Contacted</th> 
      <th id="MPA_COMMENT">Comments</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td headers="CONTCT_NM">Contact A</td> 
      <td headers="TEL_NO">123456</td> 
      <td headers="STATE">VIC</td> 
      <td headers="REAS"> 
       <input type="hidden" name="f01" value="16919" /> 
       <input type="hidden" name="f02" value="100319" /> 
       <select name="f10" id="selectLOV1" class="lov_select"> 
        <option value="0">--- Please select a reason ---</option> 
        <option value="1" selected="selected">Contacted/Spoken</option> 
        <option value="2">Contacted/Unavailable</option> 
        <option value="3">Other</option> 
       </select> 
      </td> 
      <td headers="DATE_CALLED"> 
       <input type="text" name="f20" size="14" maxlength="2000" value="30/08/2012 09:42" 
       class="date_val" readonly="readonly" style="background-color:#B0C4DE;border:1px solid #999999;" 
       /> 
      </td> 
      <td headers="COMMENT"> 
       <textarea name="f30" rows="2" cols="30" wrap="VIRTUAL">Contact A</textarea> 
      </td> 
     </tr> 
     <tr> 
      <td headers="CONTCT_NM">Contact B</td> 
      <td headers="TEL_NO">123456</td> 
      <td headers="STATE">VIC</td> 
      <td headers="REAS"> 
       <input type="hidden" name="f01" value="16919" /> 
       <input type="hidden" name="f02" value="100314" /> 
       <select name="f10" id="selectLOV2" class="lov_select"> 
        <option value="0">--- Please select a reason ---</option> 
        <option value="1" selected="selected">Contacted/Spoken</option> 
        <option value="2">Contacted/Unavailable</option> 
        <option value="3">Other</option> 
       </select> 
      </td> 
      <td headers="DATE_CALLED"> 
       <input type="text" name="f20" size="14" maxlength="2000" value="30/08/2012 09:42" 
       class="date_val" readonly="readonly" style="background-color:#B0C4DE;border:1px solid #999999;" 
       /> 
      </td> 
      <td headers="COMMENT"> 
       <textarea name="f30" rows="2" cols="30" wrap="VIRTUAL">Contact B</textarea> 
      </td> 
     </tr> 
     <tr> 
      <td headers="CONTCT_NM">Contact C</td> 
      <td headers="TEL_NO">123456</td> 
      <td headers="STATE">VIC</td> 
      <td headers="REAS"> 
       <input type="hidden" name="f01" value="16919" /> 
       <input type="hidden" name="f02" value="100312" /> 
       <select name="f10" id="selectLOV3" class="lov_select"> 
        <option value="0">--- Please select a reason ---</option> 
        <option value="1" selected="selected">Contacted/Spoken</option> 
        <option value="2">Contacted/Unavailable</option> 
        <option value="3">Other</option> 
       </select> 
      </td> 
      <td headers="DATE_CALLED"> 
       <input type="text" name="f20" size="14" maxlength="2000" value="30/08/2012 09:42" 
       class="date_val" readonly="readonly" style="background-color:#B0C4DE;border:1px solid #999999;" 
       /> 
      </td> 
      <td headers="COMMENT"> 
       <textarea name="f30" rows="2" cols="30" wrap="VIRTUAL">Contact C</textarea> 
      </td> 
     </tr> 
    </tbody> 
</table> 

的在此基礎上的ID分別分配唯一的ID爲這三個選擇列表，我通過使用jQuery的不確定如何定位的選擇列表我目前在，因爲我需要一種方法來返回特定行的選項值，當我更改時。

我基本上試圖返回我使用jQuery的行的選擇列表選項，並且如何實現這一點，因爲我需要根據選擇列表值進行一些處理，這些選擇列表值可以是0,1,2或3在這種情況下。

希望以上是有道理的。

任何援助將不勝感激。

謝謝。

Answer 1

嗨，你可以這樣做只是這樣

$('.lov_select').change(function(){ 
    alert($(this).val()); 
});​ 

Live Demo