Home > Article > Web Front-end > jquery example of filtering table data through select list selection box_jquery
jquery example of filtering table data through select list selection box_jquery
- WBOYOriginal
- 2016-05-16 16:49:411241browse
jquery filters table data through select list selection box
Table data
Copy code The code is as follows:
JS filtering code, where select is dynamically generated
Copy code
The code is as follows:
$("#example > thead th").each(function(i) {
$("").attr("data-index", i).html($( "")).change(function() {
var value = $("select[data-index='" i "']"). val();
if (value == $(this).text() || value == "") comb.push(1);
}); return comb.length != children.length; }).hide(); }).appendTo("body");});$("#example > tbody tr").each( function() { $(this).children().each(function(i) {
var that = $(this); var select = $("select[data-index=' " i "']");
if (!select.children().filter(function() {
).length) {
});
if (!select.children().filter(function() {
).length) {
});
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Use native js to encapsulate webapp sliding effects (inertial sliding, sliding rebound)_javascript skillsNext article：Use native js to encapsulate webapp sliding effects (inertial sliding, sliding rebound)_javascript skills
Related articles
See more- An in-depth analysis of the Bootstrap list group component
- Detailed explanation of JavaScript function currying
- Complete example of JS password generation and strength detection (with demo source code download)
- Angularjs integrates WeChat UI (weui)
- How to quickly switch between Traditional Chinese and Simplified Chinese with JavaScript and the trick for websites to support switching between Simplified and Traditional Chinese_javascript skills