得到表

Question

与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> 

jQuery中

，我试图让所选项目的文本（选择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

那么，1st关闭选择标签。

<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> 

为了得到selected item的文字，你可以这样做：

$('.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); 
});