2009-09-04 12 views
1

に基づいて、私は、テーブル内の行ごとに、ドロップダウンボックスjQueryのselect要素基準

<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を書き込む方法は?

答えて

2

はあなたが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!'); 
    } 

); 
}); 
2

あなたは、いくつかのOF RADNESSウォーリアオブラッドネスと一緒にchangeイベントを使用することができます。

$("select").change(function() { 
    var offset = $(this).closest("tr").prevAll().length; 
    alert(offset); 
});