JSFiddle - React, Tailwind, and code Playground

by Guruprasad Rao

HTML

<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
    
        <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">Add Comment</h4>
        </div>
        <div class="modal-body">
            
                <div class="form-group">
                    <label id="comment" >Value</label>
                    <textarea class="form-control" row="4" column="104" >textareavalues</textarea>
                    
                    
                </div>

        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-primary">Save changes</button>
            <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
        </div>
      
  </div>
   </div>
</div>

<input type="button" data-target="#myModal" data-toggle="modal" value="click"/>

JavaScript

$('#myModal').on('hidden.bs.modal', function () {
            $('.modal-body').find('lable,input,textarea').val('');
            
    });