JSFiddle - React, Tailwind, and code Playground

by jowan

HTML

Sort by:
    <select name="yosh" id="yosh">
    <option value="daily">daily</option>
    <option value="weekly">yesterday</option>
    <option value="weekly">weekly</option>
    <option value="monthly">monthly</option>
    <option value="yearly">yearly</option>
    </select>
    
    <br/>
    date range:<br/>
    From:
    <input type="text" value="" name="fromdate" id="fromdate"></input>
    <button type="button" class="btn_reset">Trigger</button>
    <br/>
    To:<input type="text" value="" name="todate" id="todate"></input><br/>

    Customer:<input type="text" value="" name="customer" id="customer"></input>

JavaScript

$('#fromdate').keyup(function(){
        jml= $(this).val().length;                                   
        if( jml != 0){
            $('#yosh').attr('disabled','disabled');
            $('#fromdate').removeAttr('disabled');
        }else{
            $('#yosh').removeAttr('disabled');
        }
    });

    $('#yosh').click(function(){
        $('#yosh').removeAttr('disabled');
        $('#fromdate').attr('disabled','disabled');
    });
    
    $('.btn_reset').click( function(){
        $('#fromdate').removeAttr('disabled');
        $('#yosh').removeAttr('disabled');
    });