JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<select class="selectedItem" name="product[]" placeholder="Enter Product Name" autocomplete="off">
	<option val="">Please choose Product</option>
	<option id="16772" rel-product-id="16770" rel-product-name="Cop® Old " value="16772">Test a</option>
	<option id="16773" rel-product-id="16770" rel-product-name="Cop® new" value="1234">TestB</option>
	
	
	</select>
	
	
	<script>
	jQuery(document).on('change','.selectedItem',function() {
	
		var selectedValue = jQuery(this).val();
		alert(selectedValue);
		alert(jQuery(this).attr("id"));
		var product_id = jQuery(this).attr('rel-product-id');
		alert(product_id);
		var product_name= jQuery(this).attr("rel-product-name");
		alert(product_name);
		
		});
	</script>