How to Enable One of the value in Drop Down List

Question

0.00/5 (No votes)

See more:

I have drop down list with following values(in which first two values shows payment status).Its on Admin side of my project.
1)Unpaid
2)Paid
3)Delivered

First two values are depended upon Payment Status.
Here,I want to Enable='false' to 'Unpaid' if the payment status is 'Paid' & Enable='false' for both 'Unpaid and 'Paid' if Status is 'Delivered'.
So how to enable selection false to these two values(Unpaid & Paid) so that Admin cannot change status to Unpaid or Paid by himself.He can only see it. But he can change it to "Delivered"
Please help.

Posted 19-Jan-15 23:55pm

Ankita1391

Updated 19-Jan-15 23:58pm

v2

Add a Solution

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)

Dipti Mamidala · Accepted Answer · 2015-01-20T00:31:00

Solution 1

You can add javascript onchange() event on dropdown check to display alert message for improper selected value and display the current value selected in dropdownbox.
e.g. if admin change value from "Paid" to "Unpaid" or "Unpaid" to "Paid" simple shows alert message like "select proper value" and show current value selected in it.

Posted 20-Jan-15 0:31am

Dipti Mamidala

Comments

Ankita1391 20-Jan-15 6:49am

thanks :)

Peter Leow · Accepted Answer · 2015-01-20T01:11:00

Try this:

XML

<form id="form1" runat="server">
<div>
    <asp:DropDownList ID="ddl1" runat="server" onChange="onChange();" AutoPostBack="False">
        <asp:ListItem></asp:ListItem>
        <asp:ListItem>Unpaid</asp:ListItem>
        <asp:ListItem>Paid</asp:ListItem>
        <asp:ListItem>Delivered</asp:ListItem>
    </asp:DropDownList>
</div>
</form>
<script>
    var ddl = document.getElementById("<%= ddl1.ClientID %>");
    function onChange() {
        var selectedIndex = ddl.selectedIndex;
        var selectedOption = ddl.options[selectedIndex];
        for (var i = 0; i < ddl.length; i++) {
            if (ddl.options[i].value == "Unpaid" && selectedOption.value == "Paid") {
                ddl.options[i].disabled = true;
                break;
            } else if (selectedOption.value == "Delivered") {

                if (ddl.options[i].value == "Unpaid" || ddl.options[i].value == "Paid") {
                    ddl.options[i].disabled = true;

                }
            }
        }
    }

    function disableOption(i) {
        ddl.options[i].disabled = true;
    }
</script>