asked on Issues with the Code which i am trying to do in jquery for filtering and hiding showing
Having a code where I need to do the following,
Having a dropdown, I will select the item from the dropdown and it will create show the hidden TD and filter the whole table based on that, once I select its default option, it will again hide the TD column of that specific search dropdown and show all records of the table
Its is like on dropdown selection - filter and showing of TD column is required
on its default selection of dropdown - clear filter and hide the the TD Column
I hope i made the things clear here, if any doubts, please ask
my HTML Code
The question is about two things, Code is working partially and
1. On Drop Down selection filter records based upon its selection and show the hidden TD column
2. Back when default option of Dropdown is selected, clear all filtered records and hide the the TD Column of that associated dropdown
Having a dropdown, I will select the item from the dropdown and it will create show the hidden TD and filter the whole table based on that, once I select its default option, it will again hide the TD column of that specific search dropdown and show all records of the table
Its is like on dropdown selection - filter and showing of TD column is required
on its default selection of dropdown - clear filter and hide the the TD Column
I hope i made the things clear here, if any doubts, please ask
$().ready(function () {
$("#idea").change(function(e) {
$('table.data').find('tbody tr').hide();
var ndata = $("#idea").val();
var len=ndata.length;
if(len>0){
$('table.data tbody tr').each(function(){
coldata=$(this).children().eq(8);
//alert(coldata.text());
if(coldata.text().toUpperCase() == ndata.toUpperCase()) {
$(this).show();
}
else if(ndata == 'select One'){
$(this).show();
}
});
}
});
});
my HTML Code
<table width="100%" border="0" cellspacing="2" cellpadding="1" class="data center">
<thead>
<tr>
<th width="3%"> </th>
<th width="4%"> </th>
<th width="3%"> </th>
<th width="8%">a#</th>
<th width="15%">b</th>
<th width="14%">cBy</th>
<th width="18%">d.</th>
<th width="22%">e?</th>
<th width="13%">idea</th>
</tr>
</thead>
<tbody>
<tr> goes here</tr>
</tbody>
</table>
The question is about two things, Code is working partially and
1. On Drop Down selection filter records based upon its selection and show the hidden TD column
2. Back when default option of Dropdown is selected, clear all filtered records and hide the the TD Column of that associated dropdown
jQueryJavaScript
Last Comment
Coast Line
ASKER
TD means table column
1. I want to hide the TD and clear the filter also it when the condition is (select one).. anytime
2. I want to show the TD if the condition is changed to something else and based upon that condition, it filters the records too to show in the full table structure, and again doing a select one.. resets the filter
please let me know if still not clear
1. I want to hide the TD and clear the filter also it when the condition is (select one).. anytime
2. I want to show the TD if the condition is changed to something else and based upon that condition, it filters the records too to show in the full table structure, and again doing a select one.. resets the filter
please let me know if still not clear
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
Hi, You made my Day,
Cheers rainer, Merry xmas
Cheers rainer, Merry xmas
"it will create show the hidden TD"
Looking at the code, I think I see where you are showing the column on filter condition: If you want the column hidden when no selection is made (or perhaps I misunderstnd), dont you want to HIDE it under the "select one" condition?