Multiple Select Validation

Validation of Multiple Select elements within a DIV.

by Gautham PJ

HTML

<div id="myForm">
    <select>
        <option value="">- Select -</option>
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
    </select>
    <p></p>
    
    <select>
        <option value="">- Select -</option>
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
    </select>
    <p></p>
</div>

JavaScript

$(function() {
    
    $('#myForm select').change(function() {
        var $this = $(this);
        if($this.val() === '') {
            $this.next().text('Invalid Selection');
        }
        else
        {
            $this.next().text($this.val());
        }
    });
    
});