JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<select id="jform_params_wrapper_threed_typeofcontent1" name="jform[params][wrapper][threed_typeofcontent1]" class="chzn-done" >
	<option value="video">Video</option>
	<option value="image">Image</option>
	<option value="disabled" selected="selected">Disabled</option>
</select>

<select id="jform_params_wrapper_threed_contentlink1type" name="jform[params][wrapper][threed_contentlink1type]" class="chzn-done" >
	<option value="default">Default</option>
	<option value="modal" selected="selected">Modal</option>
</select>

<select id="jform_params_wrapper_threed_contentmodal1type" name="jform[params][wrapper][threed_contentmodal1type]" class="chzn-done" >
	<option value="select">Select a option</option>
	<option value="image" selected="selected">Image</option>
	<option value="video">Video</option>
	<option value="iframe">Iframe</option>
</select>

JavaScript

(function ($) {
  $(document).ready(function() {
    $('#jform_params_wrapper_threed_typeofcontent1').bind('change', function (e) {
      $("#jform_params_wrapper_threed_contentlink1type option[value='default']").prop('selected', true);
      $("#jform_params_wrapper_threed_contentmodal1type option[value='select']").prop('selected', true);
    }).trigger('change');
    $('#jform_params_wrapper_threed_contentlink1type').bind('change', function (e) {
      $("#jform_params_wrapper_threed_contentmodal1type option[value='select']").prop('selected', true);
    }).trigger('change');
  });
})(jQuery);