Alter Label To Show Select Box Selected

This piece of jQuery auto selects the chosen value which we have set as GB and this script also alters the Label to display this value. Came in handy when I had set my Label as my Placeholder on a project im working on using jquery.infieldlabel.js Thanks Donald @mynameisdonald http://mynameisdonald.com

by mynameisdonald

HTML

<h1>The label shows what value is selected from the DropDown</h1>

<label for='b_country'>Label</label>

<select name="b_country" id="b_country" class="required">
            <option value=""></option>
            <option value="AF">Afghanistan</option>
            <option value="AL">Albania</option>
            <option value="DZ">Algeria</option>
            <option value="AS">American Samoa</option>
            <option value="AD">Andorra</option>
            <option value="AO">Angola</option>
            <option value="AI">Anguilla</option>
            <option value="AQ">Antarctica</option>
            <option value="AG">Antigua And Barbuda</option>
            <option value="AR">Argentina</option>
            <option value="AM">Armenia</option>
            <option value="AW">Aruba</option>
            <option value="AU">Australia</option>
            <option value="AT">Austria</option>
            <option value="AZ">Azerbaijan</option>
            <option value="BS">Bahamas</option>
            <option value="BH">Bahrain</option>
            <option value="BD">Bangladesh</option>
            <option value="BB">Barbados</option>
            <option value="BY">Belarus</option>
            <option value="BE">Belgium</option>
            <option value="BZ">Belize</option>
            <option value="BJ">Benin</option>
            <option value="BM">Bermuda</option>
            <option value="BT">Bhutan</option>
            <option value="BO">Bolivia</option>
            <option value="BA">Bosnia And Herzegowina</option>
            <option value="BW">Botswana</option>
            <option value="BV">Bouvet Island</option>
            <option value="BR">Brazil</option>
            <option value="IO">British Indian Ocean Territory</option>
            <option value="BN">Brunei Darussalam</option>
            <option value="BG">Bulgaria</option>
            <option value="BF">Burkina Faso</option>
            <option value="BI">Burundi</option>
            <option...

CSS

body{
    font-family: "Helvetica Neue", Arial, sans-serif;
}

h1{
    margin:10px 0;
    font-size:1.3em;
}

JavaScript

$("#b_country option[value='GB']").attr('selected','selected');
var labelName = $('#b_country option:selected').html();

$('label[for=b_country]').html(labelName);