JSFiddle - React, Tailwind, and code Playground

by ninty9notout

HTML

<div id="divPlaceholder"></div>
<select id="Select1">
	<option value="0">Please select...</option>
    <option value="10101">Test 11</option>
    <option value="10102">Test 2</option>
    <option value="10103">Test 3</option>
    <option value="10104">Test 4</option>
</select>

JavaScript

$("#Select1").on(navigator.userAgent.match(/msie/i) ? "propertychange" : "change", function (e) {
	var
		$t = $(this),
		selected = $(this).find('option:selected'),
		div = $('#divPlaceholder');
		
	if($(this).val() == 0) {
		return false;
	}

	div.append(
		$('<div></div>').html(selected.text()).attr("id", 'test-' + $t.val())
	);
	
	$t.find('option[value="' + $t.val() + '"]').remove();
});