如何从jQuery的表格行中的下拉列表中获取用户选择的选项

Question

我试图从已从数据库中拉出的数据从服务器动态创建的表格行中获取下拉列表的值。 例子：

<table> 
    <tr> 
    <td> 
     <select onChange="setPaymentAmt()"> 
     <option value="1">Option1</option> 
     <option value="2">option2</option> 
     </select> 
    </td> 
    </tr> 
    <tr> 
    <td> 
    <select onChange="setPaymentAmt()"> 
     <option value="3">Option1</option> 
     <option value="4">option2</option> 
    </select> 
    </td> 
</tr> 
</table> 

如果我想抓住从用户选择的选项的值使用jQuery我怎么得到它的特定行？

这是我曾尝试：

function setPaymentAmt() { 
    var data = $(this).closest('select option:selected').val(); 
    alert(data); 
} 

当我提醒它显示未定义

Answer 1

你必须改变事件附加到所有<select>的，就像这样：

$('select').bind('change', function(){ 
    var data = $(this).val(); 
    alert(data); 
}); 

或者其动态：

$(document).on('change', 'select', function(){ 
     var data = $(this).val(); 
     alert(data); 
}); 

如果您已经附加了更改事件<select>，并且您正在从该事件呼叫setPaymentAmt()，那么您将需要通过setPaymentAmt()引用触发事件的<select>。像这样：

//Inside your onchange event 
var sel = $(this); 
setPaymentAmt(sel); 

function setPaymentAmt(sel) { 
    var data = sel.val(); 
    alert(data); 
}