Jquery to enable/disable textbox based on gridview dropdown selection

Question

0.00/5 (No votes)

See more:

I have a gridview with 3 dropdownlists and 2 textboxes.

I want a jquery for the below functionality,

C#

if( ddl1.selection ="1")
{
ddl2.enabled = true
txt1.enabled=true
}
else
{
ddl2.enabled = true
txt1.enabled=true
}

I have the below code like this written in jquery,

JavaScript

$(function() {
        $(".ddl1class").change(function() {
        if ($(this).find('option:selected').text() == "1") {
            //$(".ddl2class").attr('disabled', true);
            } else {
            //$(".ddl3class").attr('disabled', true);
            }
        });
         });

But Iam not able to understand how to find the ddl2 of ddl1's gridview row to be enabled/disabled.

Can someone please help..

Posted 24-Nov-13 23:29pm

Member 10217959

Updated 24-Nov-13 23:33pm

Tom Marvolo Riddle

v2

Add a Solution

Comments

Peter Leow 25-Nov-13 6:28am

Is this what you are looking for, check up this link
http://jsfiddle.net/FKZV3/2/

Member 10217959 25-Nov-13 6:58am

All the controls are in the gridview, so specifying just like this $("#ddl2class") will not help.

I need to find the row of the ddl1 and then ddl2 in that row and then
set the attribute

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Moykn · Accepted Answer · 2013-11-25T03:00:00

Solution 1

You could just get the val() from select node for comparison.

JavaScript

$("select").val();

look at this fiddle, this should do what you need:
http://jsfiddle.net/moykn/7p9Nf/2/[^]
hope it helps.

Posted 25-Nov-13 3:00am

Moykn

Updated 26-Nov-13 4:44am

v4

Comments

Member 10217959 2-Dec-13 1:42am

Thanks a lot. your solution worked for me woth a slight modification.
Instead of "$(this).parent().parent("tr").find", I used "$(this).closest("tr").find"

But now I got into ANOTHER ISSUE, On the posback on a button click, Im losing the dropdown and text values and it is going empty.

Can you help on this as how to retain the values on the postback