JSFiddle - React, Tailwind, and code Playground

by Ali Soltani

HTML

Otion 1 is selected
<input type="checkbox" id="chk1">
Otion 2 is selected
<input type="checkbox" id="chk2">

<div>
  <select id="select1">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
  </select>
</div>

JavaScript

$('#chk1').change(function(){
		if($(this).prop('checked'))
    	$('#select1 option:first').prop('selected',true);           
    else
    	$('#select1 option:first').prop('selected',false);           
    alert($('#select1 option:first').prop('selected'));
});

$('#chk2').change(function(){
		if($(this).prop('checked'))
    	$('#select1 option:last').attr('selected',true);           
    else
    	$('#select1 option:last').attr('selected',false);           
    alert($('#select1 option:last').attr('selected'));
});