JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" class="optionsRadios" value="iPhone" />
<input type="button" class="optionsRadios" value="iPad" />

<select id="select">
    <option class='iphone' value="iPhone4">iPhone4</option>
    <option class='iphone' value="iPhone4s">iPhone4s</option>
    <option class='iphone' value="iPhone5">iPhone5</option>
    <option class='iphone' value="iPhone5c">iPhone5c</option>
    <option class='iphone' value="iPhone5s">iPhone5s</option>
    <option class='iphone' value="iPhone6">iPhone6</option>
    <option class='iphone' value="iPhone6+">iPhone6+</option>
    <option class='ipad' value="iPad2">iPad2</option>
    <option class='ipad' value="iPad3">iPad3</option>
    <option class='ipad' value="iPad4">iPad4</option>
    <option class='ipad' value="iPad Air">iPad Air</option>
    <option class='ipad' value="iPad mini">iPad mini</option>
    <option class='ipad' value="iPad mini 2">iPad mini 2</option>
</select>

JavaScript

var obj = {
    iphone: ['iPhone4', 'iPhone4s','iPhone5','iPhone5c', 'iPhone5s', 'iPhone6', 'iPhone6+'],
    ipad: ['iPad2', 'iPad3', 'iPad4', 'iPad Air', 'iPad mini', 'iPad mini 2', ]
};
           
$('.optionsRadios[value=iPhone]').on('click', function() {
   
   $('.ipad').hide();
   $('.iphone').show();
   $('option.iphone:first').prop('selected', true)
});
                      
$('.optionsRadios[value=iPad]').on('click', function() {

    $('.iphone').hide();
    $('.ipad').show();
    $('option.ipad:first').prop('selected', true)
});