Javascript code on combo box selected index changed

Question

0.00/5 (No votes)

See more:

Dear Friends,

I have to show an alert box on the basis of the value that i am getting from the database like in my case there is a grid in which there is a combo box.

On the selected index changed event of which I am fetching a value from the database. On the basis of fetched value if my condition is true then only i have to show an alert box (through java script) to the user else not. And also want to deselect the selected item at the same time.

I am not able to get the correct code for doing so. Please help.

Thanks

Varun Sareen

Posted 24-Feb-11 2:12am

Varun Sareen

Updated 24-Feb-11 2:17am

v2

Add a Solution

Comments

Sunasara Imdadhusen 24-Feb-11 8:35am

Are you getting any error?

Sandeep Mewara 24-Feb-11 9:44am

On the selected index changed event of which I am fetching a value from the database
AJAX call, right?

2 solutions

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)

r verma · Answer 1 · 2011-02-24T16:59:00

XML

Such scenario can be handled in many ways. Select appt as per your requirement.
Assuming a DropDown is inside a Grid.
I.
Grid declaration (aspx):
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" onrowdatabound="GridView1_RowDataBound"
            >
            <Columns>
                <asp:TemplateField HeaderText="Combo">
                    <ItemTemplate>
                        <asp:DropDownList ID="DropDownList1" runat="server"
                            AutoPostBack="True"
                            onselectedindexchanged="DropDownList1_SelectedIndexChanged1">
                        </asp:DropDownList>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>

Javascript function in aspx:
 function doAlertClientID(client) {
            var obj = document.getElementById(client);
            if (obj.options[obj.selectedIndex].value == "Alert") {
                obj.selectedIndex = 0;
                alert("Alert");
            }
        }

In Code behind:
protected void DropDownList1_SelectedIndexChanged1(object sender, EventArgs e)
    {
        DropDownList list = sender as DropDownList;
        ClientScript.RegisterStartupScript(GetType(), "Alert", "doAlertClientID('" + list.ClientID + "')", true);
        // Or you can make any database transaction and call above method conditionally
    }

II.
Grid delaration (aspx):
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" onrowdatabound="GridView1_RowDataBound"
            >
            <Columns>
                <asp:TemplateField HeaderText="Combo">
                    <ItemTemplate>
                        <asp:DropDownList ID="DropDownList1" runat="server" onchange="doAlert(this);">
                        </asp:DropDownList>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>

Javascript function in aspx:
function doAlert(obj) {
            if (obj.options[obj.selectedIndex].value == "Alert") {
                obj.selectedIndex = 0;
                alert("Alert");
            }
        }

These examples are not currently with required exceptional handling. Modify them as per valid data.

Also if Update Panel is involved then ensure to use ScriptManager for invoking javascript in (I) example.

Monjurul Habib · Answer 2 · 2011-02-24T07:17:00

You can get the value and the Text of the dropdownlist using the following code.

var ddlReport = document.getElementById("<%=DropDownListReports.ClientID%>");
var Text = ddlReport.options[ddlReport.selectedIndex].text;
var Value = ddlReport.options[ddlReport.selectedIndex].value;

Now put your condition according to your business logic.

If this would be really helpful to you then don't forgot to Vote and Make Answer as Accepted. And feel free to reply for further help

Javascript code on combo box selected index changed

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0