jquery如何实现:select选框有“已支付”和“未支付”两个option选项,在选中“未支付”选项时,只把td中含有“未支付”的所有行打印出来,在选中“已支付”选项时,只渲染td中含有“已支付”的行。其中渲染的行中的“已支付”和“未支付”是由布尔型“1”和“0”判断的。
时间: 2023-09-15 17:16:09 浏览: 27
可以使用以下的jQuery代码实现:
```javascript
$('select').change(function() {
var selectedOption = $(this).val();
if(selectedOption === '未支付') {
$('td').filter(function() {
return $(this).text() === '未支付';
}).parent().show();
$('td').filter(function() {
return $(this).text() === '已支付';
}).parent().hide();
} else if(selectedOption === '已支付') {
$('td').filter(function() {
return $(this).text() === '已支付';
}).parent().show();
$('td').filter(function() {
return $(this).text() === '未支付';
}).parent().hide();
}
});
```
这段代码会在select选框的change事件中监听选项的变化,根据选中的选项来决定哪些行需要打印或渲染。当选中“未支付”选项时,通过filter()方法找到所有含有“未支付”的td元素,再找到它们所在的行,最后显示这些行并隐藏所有含有“已支付”的行。当选中“已支付”选项时,类似地找到所有含有“已支付”的td元素所在的行并显示,同时隐藏所有含有“未支付”的行。