Assigning value to Dropdown/ Disabling value in dropdown

Assigning value to Dropdown / Disabling value in Dropdown

by shubh0602

HTML

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<select id="country">
    <option value="None">-- Select --</option>
    <option value="China">China</option>
    <option value="United State">United State</option>
    <option value="Malaysia">Malaysia</option>
</select>
<br/>
<br/>
<div class="bs-example">
    <div class="btn-group">
        <button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button" id='isSelect'>Display Selected</button>
    </div>
    <!-- /btn-group -->
    <div class="btn-group">
        <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle" type="button" id='selectChina'>Select China</button>
    </div>
    <!-- /btn-group -->
    <div class="btn-group">
        <button data-toggle="dropdown" class="btn btn-success dropdown-toggle" type="button" id='selectUS'>Select US</button>
    </div>
    <!-- /btn-group -->
    <br/>
    <div class="btn-group">
        <button data-toggle="dropdown" class="btn btn-info dropdown-toggle" type="button" id='selectMalaysia'>Select Malasia</button>
    </div>
    <!-- /btn-group -->
    <div class="btn-group">
        <button data-toggle="dropdown" class="btn btn-warning dropdown-toggle" type="button" id='disableUS'>Disable US</button>
    </div>
    <!-- /btn-group -->
    <div class="btn-group">
        <button data-toggle="dropdown" class="btn btn-danger dropdown-toggle" type="button" id='enableUS'>Enable Us</button>
    </div>
    <!-- /btn-group -->
</div>

JavaScript

$(document).ready(function () {

    $("#isSelect").click(function () {

        alert($('#country').val());

    });

    $("#selectChina").click(function () {

        $("#country").val("China");

    });

    $("#selectUS").click(function () {

        $("#country").val("United State");

    });

    $("#selectMalaysia").click(function () {

        $("#country").val("Malaysia");
    });

    $("#disableUS").click(function () {

        $("#country option[value='United State']").attr("disabled", true);

    });

    $("#enableUS").click(function () {

        $("#country option[value='United State']").attr("disabled", false);

    });

});