テーブル内の選択タグの選択されたオプション値をテーブル内のtd内に取得

Question

テーブルにselectオプションタグを動的に追加しています。送信中にテーブルtrを反復してtd内の要素を見つけます。私はselectタグを文字列として返します。ここで私

選択タグの選択オプションを取得することはできないんだけど私のコードは

$('#tableid tbody tr').each(function() { 
     var countryTag = $(this).find('td:eq(2)').html(); // return the whole select option as string 
     var selCntry = countryTag.find('option:selected').val(); // this is throwing error. 
} 

である。しかし、テーブルにselectタグを追加する際に、選択した属性は、任意のオプションを使用できません。

はどのようにして、選択したすべての国

P.Sを取得することができます。この記事では、モバイルを介して行われます。あなたがそれに機能html()を呼び出しているので、

$('#tableid tbody tr').each(function() { 
    var tdObject = $(this).find('td:eq(2)'); //locate the <td> holding select; 
    var selectObject = tdObject.find("select"); //grab the <select> tag assuming that there will be only single select box within that <td> 
    var selCntry = selectObject.val(); // get the selected country from current <tr> 
}); 

Answer 1

だから、任意のタイプミスがあるかもしれません

$('#tableid tbody tr').each(function() { 
     var countryTag = $(this).find('td:eq(2)'); // return the whole select option as string 
     var selCntry = countryTag.find('option:selected').val(); // this is throwing error. 
} 

か、

のような単一のコマンドでそれを行うことができます

$('#tableid tbody tr').each(function() { 
     var value = $(this).find('td:eq(2) options:selected').val(); // return the whole select option as string 

} 

Answer 2

厥、あなただけのjqueryの要素

使用上find()を呼び出すことができます：あなたはこのような何かを試してもらえ