jQuery addClass example

Change class name on click in jQuery

by dankerizer

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.10.0/javascript/semantic.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.10.0/css/semantic.min.css">
<div class="my-3">
				<select name="ekstensi[]" id="ekstensi" multiple="" class="ui ekstensi fluid search dropdown">
					 <option value="">Pilih Ekstensi Domain</option>
					<option selected="selected" value="com">com</option><option selected="selected" value="net">net</option><option selected="selected" value="org">org</option><option selected="selected" value="co">co</option><option selected="selected" value="id">id</option><option selected="selected" value="co.id">co.id</option><option  value="web.id">web.id</option><option  value="biz.id">biz.id</option><option  value="my.id">my.id</option><option  value="sch.id">sch.id</option><option  value="in">in</option><option  value="store">store</option><option  value="info">info</option><option  value="biz">biz</option><option  value="online">online</option><option  value="cc">cc</option><option selected="selected" value="io">io</option><option  value="tv">tv</option>				</select>
			</div>

JavaScript

jQuery('.ui.ekstensi.fluid.dropdown').dropdown('setting','onAdd',function (val,text,choice) {

        var tambah = '<div class="column domain '+choice+' "><div class="name blue p-2">.'+text+'</div></div>';
        jQuery('#domainnya').append(tambah).fadeIn(1000);

    }).dropdown('setting','onRemove',function (removedValue, removedText, removedChoice) {
        jQuery('#domainnya').find('domain '+removedValue).remove();

    });