如何针对特定选择列表并返回它的值用于多行

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