JSFiddle - React, Tailwind, and code Playground

HTML

<span class="no-margin multiple Date_Off" style="margin-left: 104px;">
                        <input type="text" value="" /><input type="text" /><input type="text" value="-" /><input type="text" /><input type="text" /><input type="text"  value="-" /><input type="text" /><input type="text" /><input type="text" /><input type="text" />
                        </span> 

<div>No event</div>

CSS

input {
    width: 30px;
}

JavaScript

var input = $('input');
                input.change(function () {
                    // Input click function...
                        var value = '';
                        $(this).parent().find('input').each(function (index, ele) {
                            value += ele.value;
                        });
                        send_request('Date_Off', value);
                    }
                );

function send_request(input_name, value) {
    $('div').html('Input Name: ' + input_name + '<br /><br />Value is: ' + value);
                }