JSFiddle - React, Tailwind, and code Playground
HTML
<select id="tracker" name="tracker">
<option></option>
<option value="lostfilm.tv">lostfilm.tv</option>
<option value="novafilm.tv">novafilm.tv</option>
</select>
<div id="changedField"></div>
JavaScript
$('#tracker').on('change', function(e) {
e.preventDefault();
var selected = $(this).val();
var $field = $('#changedField').empty();
switch (selected) {
case 'lostfilm.tv':
var quality = {sd: 'SD качество', hd: 'HD качество', hd2: 'HD MP4'};
$.each(quality, function(index, value) {
var $label = $('<label/>', {'text': value}).appendTo($field);
$('<input/>', {'type': 'radio', 'name': 'quality', 'value': index}).prependTo($label);
});
break;
case 'novafilm.tv':
var $label = $('<label/>', {'text': 'HD качество'}).appendTo($field);
$('<input/>', {'type': 'checkbox', 'name': 'quality'}).prependTo($label);
break;
default:
// Do nothing
}
});