私はこの選択を持つテーブルを持っているテーブル

Question

でjQueryを使って選択したテキストを取得します：jqueryの中

<tr class="tr_clone"> 
    <td> 
     <select style="width:200px" name="itens[]" class="itemname"> 
     <option value="0"></option> 
     <option value="1">Item A</option> 
     <option value="2">Item B</option> 
     <option value="3">Item C</option> 
    </td> 

を、私が選択した項目のテキスト（1が選択されている項目A）を取得しようとしています。私はこの値を別のテキストボックス（ 'note'という名前）に入れます。私はインデックスの値を置くことができますが、選択のテキストは入れません。

$("table").on('change', '.itemname', function() { 
    var prtCont = $(this).parent().parent(); 
    var code = prtCont.find('.itemname').val(); 
    prtCont.find('.note').val(code); 
}); 

jqueryで変更する必要があるものはありますか？

Answer 1

さて、最初にselectタグを閉じます。 selected itemあなたが行うことができますのテキストを取得するには

<tr class="tr_clone"> 
<td> 
    <select style="width:200px" name="itens[]" class="itemname"> 
    <option value="0"></option> 
    <option value="1">Item A</option> 
    <option value="2">Item B</option> 
    <option value="3">Item C</option> 
    </select> 
</td> 
</tr> 

：

$('.itemname option:selected').html() 

をお使いのjQueryのが私のために、少し混乱では優れている：

$('.itemname').on('change' , function() { 
    var prtCont = $(this).parent().parent(); 
    code = $(this).val(); // Get the value 
    text = $('.itemname option:selected').html(); // Get the text 
    prtCont.find('.note').val(code + ' ' +text); 
});