jquery-clone - 在表格中使用 jquery 获取选择文本

Question

我有一个带有这个选择的表：

<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

好吧，第一次关闭选择标签。

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