JSFiddle - React, Tailwind, and code Playground
HTML
<select id="list_1">
</select>
<select id="list_2">
</select>
JavaScript
var json = [{"name":"Name1","value":"Val1"},{"name":"Name2","value":"Val2"}];
$(json).map(function () {
return $('<option>').val(this.value).text(this.name);
}).appendTo('#list_1');
$('#list_1').change(function() {
var $this = $(this);
var theValue = $this.find(':selected').val();
var $clonedList = $this.clone();
$clonedList.find('option[value=' + theValue + ']').remove();
$('#list_2').html($clonedList.children('option'));
}
);