News
IBM to offer mobile security as a service IBM will start delivering mobile security-as-a-service (MaaS) through its own cloud infrastructure in India, a move that is expected to better address in-country data requirements... IBM Spectrum Computing: IBM has enlarged its portfolio of software-defined infrastructure solutions with cognitive features for workload management.  * LiFi internet technology has been introduced, the new type of wireless internet connection that gives 100 times faster than traditional WiFi -- Invented by Professor Harald Haas from the University of Edinburgh. * Sci. Rachid Yazami has developed a smart chip that charges smartphones in less than 10 minutes. BenQ has launched BlueCore projector - Consumer electronics major BenQ has launched its first BlueCore laser light source projector. For those unaware, devices with BlueCore laser technology have a high contrast output of 80000:1 with an extended lamp life and efficiency. ***
  Jan 3 2015 10:32PM     John
  0 Comments    3343 Views  
Validating the HTML control is a very important task in any application development.Now this page shows you how to validate the dropdown using java script.
JavaScript

<script type="text/javascript">
        function ddlValidate() {
            var e = document.getElementById("ddlView");
            var optionSelIndex = e.options[e.selectedIndex].value;
            var optionSelectedText = e.options[e.selectedIndex].text;
            if (optionSelIndex == 0) {
                alert("Please select a Course");
            }
            else {
                alert("Success !! You have selected Course : " + optionSelectedText); ;
            }
        }
    </script>

HTML

<html>
<body>
    <div>
        <span>Select the course : </span>
        <select id="ddlView">
            <option value="0">Select</option>
            <option value="1">Java Script</option>
            <option value="2">CSS</option>
            <option value="3">JQuery</option>
            <option value="3">HTML</option>
            <option value="3">C#</option>
        </select>
    </div>
    <br >
    <input type="button" class="btn" value="Submit" id="btnSubmit" onclick="ddlValidate();" />
</body>
</html>

CSS

<style type="text/css">
        .btn
        {
            line-height: 2.0;
            border-radius: 4px;
            border: none;
            font-size: 14px;
            cursor: pointer;
            color: #fff;
            background-color: #00a9da;
            border-color: #0094bf;
        }

</style>

Demo
You can see live demo from clicking the below Submit button.
Select the course :

Hi, This is John.I hope this page will helps you to validate dropdown using Javascript.Thanks.
BackToTop
Comments



 
Search
1&1 Hosting
Recent Posts
Bind Gridview from CSV file in Asp.Net C#
Jun 18 2016 11:38PM Posted By Michael
Call WebService method from jQuery in every 1 minute
Feb 27 2016 11:51AM Posted By John
Gridview custom CSS in ASP.Net
Feb 25 2016 10:59AM Posted By Micheal Ryan
Read excel file and bind to Gridview in C#
Feb 25 2016 10:20AM Posted By Micheal
Read excel file and convert to List in C#
Feb 25 2016 6:26AM Posted By Michael
Encryption and Decryption for Password in C#
Feb 17 2016 3:52AM Posted By Michael
How to create Chart in ASP.Net C#
Feb 16 2016 8:03AM Posted By Michael Ryan
Tags
Follow us on Facebook
Follow us on Google +
Recent post in your Email inbox.
Enter your email address: