JSFiddle - React, Tailwind, and code Playground

by hicurin

HTML

<div>
    <select id="describe">
        <option name="name" value="1">a</option>
        <option name="name" value="2">b</option>
    </select>
</div>
<div>
    <input type="radio" id="class" class="rdo" name="type" value="1" checked>12 hour
    <br/>
    <input type="radio" id="Club" name="type" value="2">24 hour
    <br/>

</div>

JavaScript

var listA = [{
        name: '1am',
        value: '1am'
    }, {
        name: '2am',
        value: '2am'
    }, {
        name: '3am',
        value: '3am'
    }];
var listB = [{
        name: '12',
        value: '12'
    }, {
        name: '13',
        value: '13'
    }, {
        name: '14',
        value: '14'
    }];
$(function(){
    $('radio').bind('click', function () {
                $('#describe')
                    .find('option')
                    .remove()
                    .end();
                $.each(listA, function (index, value) {
                    $('#describe').append('<option value="' + value.value + '">' + value.name + '</option>');
                });

            });
        });