在 table 中获取带有 jquery 的 select 文本

Question

我有一个 table 这个 select:

<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 中，我正在尝试获取 selected 项目的文本（当 1 为 selected 时项目 A）。然后我将此值放入另一个文本框（名为 'note'）。我可以放索引值而不是 select 的文本。

$("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 标签。

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

在 table 中获取带有 jquery 的 select 文本

get select text with jquery in table

jquery-clone