是指在使用ajax和datatable插件的情况下,获取表格中某个单元格中的文本框的值。
具体步骤如下:
<table id="myTable">
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td><input type="text" class="myTextbox" value="20"></td>
<td><button class="myButton">获取值</button></td>
</tr>
<tr>
<td>李四</td>
<td><input type="text" class="myTextbox" value="25"></td>
<td><button class="myButton">获取值</button></td>
</tr>
</tbody>
</table>
$(document).ready(function() {
$('#myTable').DataTable();
$('.myButton').on('click', function() {
var textboxValue = $(this).closest('tr').find('.myTextbox').val();
console.log(textboxValue);
});
});
在上述代码中,我们使用了closest()
方法找到按钮所在的行,然后使用find()
方法找到该行中的文本框,并使用val()
方法获取文本框的值。
这样,当点击按钮时,就会在控制台输出对应文本框的值。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)。
腾讯云云服务器(CVM)是一种可随时扩展的云计算服务,提供了高性能、可靠稳定的云服务器实例。您可以根据自己的业务需求选择不同的配置,包括计算、存储、网络等方面的资源。腾讯云云服务器支持多种操作系统和应用程序,并提供了丰富的管理和监控工具,方便您进行服务器的部署和管理。
了解更多关于腾讯云云服务器(CVM)的信息,请访问:腾讯云云服务器(CVM)产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云