Show/Hide the TextBox column based on selected value of Ddl

Question

Hai all...

i have gridview with 1 dropdown list ddl, two texboxes tb1 and tb2.

tb1 is in visible false..

tb2 is in visible true.

if i select dropdown selected value as "other" tb1 column should be visible and ddl selected value not effected to another textbox tb2.

thanks in advance

Lucky Laxman · Answer

Hi  I'm give you sample code to solve this problem to implement your code following steps . Step 1 :- Your Html Code or GridView dropdown list ddl ID I am used Like this .. Select value selecte I am Text Box One I am Text Box two Your text box one Your text box two Your J query Code follow below //you can use to J query validation to solve the problem on selected your ddl. //follow this simple Js Validation. $(document).ready(function(){ $(#ddl).change(function(){ var SelectedVal=$(#ddl).val(); // there im wrote for selected ddl value with hide and show condition if(SelectedVal==1) { $(#lbl1).show(); $(#lbl2).hide(); $(#tb1).show(); $(#tb2).hide(); } else if(SelectedVal==2) { $(#lbl1).hide(); $(#lbl2).show(); $(#tb1).hide(); $(#tb2).show(); } else{$(#tb1).show();$(#tb2).show();} }); }); I this its use full to you. if not you get the you needed result just give me the sample code urs . You can check this code at following Link : - http://jsfiddle.net/Lucky_/kdbxmbnq/3/ If code is help full Like Me.. Thanks Lucky .