在表格中使用jQuery获取选择的文本。

15 浏览
0 Comments

在表格中使用jQuery获取选择的文本。

我有一张表格，其中包含以下选择器：

在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代码？

0

1 答案

0 Comments

问题的原因是在HTML代码中，select标签没有闭合。这会导致后续的jQuery代码无法正确选取到选中的文本。

解决方法是在select标签的末尾添加一个闭合的标签。

修正后的HTML代码如下：

为了获取选中项的文本，可以使用以下jQuery代码：

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

修正后的jQuery代码如下：

$('.itemname').on('change' , function() {
  var prtCont = $(this).parent().parent(); 
  code = $(this).val();  // 获取选中项的值
  text = $('.itemname option:selected').html(); // 获取选中项的文本
  prtCont.find('.note').val(code + '   ' +text); // 在class为note的元素中显示选中项的值和文本
});

通过以上修改，就能够正确获取到select表格中选中项的文本，并将其显示在具有class为note的元素中。

0