JQuery option click even not working

@nanadjei2

You need change event

https://api.jquery.com/change/

and you have wrong selector in code

Here is javascript

<script>
    $(document).ready(function(){
        $('.nationalExecutive').hide();
        $('#executive').change(function() {
            $('.nationalExecutive').show();
        });
    });
</script>

<select class="form-control" id="executive" name="national_executive" required>
    <option class="active">Choose your position...</option>
    <option>I am ...</option>
    <option value="0">not a national executive</option>
    <option id="nationalExecutive" value="1">a executive</option>
</select>
<div class="textarea nationalExecutive">
    <textarea class="form-control" name="name" rows="3" cols="12" placeholder="Rectify Your Position"></textarea>
</div>

@tomo_pongrac , i want it in a way that when the user selects <option id="nationalExecutive" value="1">a executive</option> the textbox will show.

@nanadjei2

Try

<script>
    $(document).ready(function(){
        $('.nationalExecutive').hide();
        $('#executive').change(function() {
            if ($(this).val() == 1) {
                $('.nationalExecutive').show();
            }
            else
            {
                $('.nationalExecutive').hide();
            }
        });
    });
</script>

@tomo_pongrac, thank You man it worked.. will buy you a lollipop :)