JQuery 根据条件选择元素

Question

表格内的每一行都有一个下拉框

<table>
<tr>
<th>
 <select name="priorityID" id="priorityID">
<option label="Important" value="1" selected="selected">Important</option>
<option label="semi important" value="2">semi important</option>
<option label="normal" value="3">normal</option>  
<option label="not important" value="4">not important</option>
</select>

 </th> 

</tr>
<tr>
<th>
 <select name="priorityID" id="priorityID">
<option label="Important" value="1" selected="selected">Important</option>
<option label="semi important" value="2">semi important</option>
<option label="normal" value="3">normal</option>  
<option label="not important" value="4">not important</option>
</select>

 </th> 

现在的问题是每当 priorityID 更改时，我需要调用 JQuery 函数来更新数据库。现在，由于每一行都有自己的下拉框，如何以这样的方式编写JQuery，以便在JQuery端可以捕获哪一行的下拉框触发事件？

Answer 1

当您使用 jQuery.post/get 时，您可以在每个选择上放置一个 ID，并将其作为数据值包含在内。

然后您可以在服务器站点获取它，以找出哪个选择框发生了更改。

<select name="priorityID" id="1">
<select name="priorityID" id="2">
<select name="priorityID" id="3">

$("select").change(function() {
  $.post(

     "http://api.url.com/method",

     {
       "selectId"      : $(this).attr('id'),
       "selectedValue" : $(this).val()
     },

     function(data) {
        alert('Back!');
     }

  );
});