jQuery addClass example

Change class name on click in jQuery

by Shuaib Khan

HTML

<div class="droptest">

        <select class="DomainDrop tet" id="DomainDropCreate" name="DomainDrop" required>
            <option name="" value="">Select Domain</option>
						<option name="" value="">Select Domain</option>
						<option name="" value="">Select Domain</option>
						<option name="" value="">Select Domain</option><option name="" value="">Select Domain</option><option name="" value="">Select Domain</option>
						<option name="" value="">Select Domain</option>
					
					<option name="" value="">Select Domain</option>
					<option name="" value="">Select Domain</option>
        </select>
    </div>

CSS

.droptest{
	height:200px;
}
select{
	width:100%;
	
	padding:10px;
	border:1px solid #ccc
}
select option{
	padding:10px
}

JavaScript

$(".DomainDrop").click(function(e){
e.preventDefault();

            var listDrop = {"chdk74":"chdk73","hiphdk":"hiphdk","hpghdk":"hpghdk","ihdk":"ihdk","sdg74":"sdg74"};
            var dropDownlist = listDrop;
            var options = "";

            $.each(dropDownlist, function(key,value) {
						console.log(value)
                 options += "<option name=" + key +" id=" + key +" value="+key+"> "+ key +" </option>"; 
            });
            //$(".DomainDrop").html(options);
        });