得到表

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); 
});