JSFiddle - React, Tailwind, and code Playground

by Vasilii Chugunov

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.min.js"></script>
<div class="msg"></div>
<form action="">
  Выберите клиента:
  <select name="" id="client-field">
    <option>1</option>
    <option>2</option>
  </select><br>
  Первая дата: <input type="text"><br>
  Вторая дата: <input type="text">
</form>


<!-- <canvas id="myChart" width="200" height="100"></canvas>
 -->

JavaScript

var clients = getClients();

console.log(clients);
var clientId = clients[0]['id_client'];

var options='';
for(var i=0; i<clients.length; i++){
	options += '<option>' + clients[i]['name_client'] + '</option>';
}
$('#client-field').html(options);

function getClients() {
  return [
    {
      "id_client": "51",
      "name_client": "Трониси",
      "info_client": ""
    },
    {
      "id_client": "52",
      "name_client": "Пенаты",
      "info_client": ""
    },
    {
      "id_client": "53",
      "name_client": "Сбербанк",
      "info_client": ""
    },
    {
      "id_client": "54",
      "name_client": "V&amp;B",
      "info_client": ""
    },
    {
      "id_client": "55",
      "name_client": "Джем",
      "info_client": ""
    },
    {
      "id_client": "56",
      "name_client": "Телрос",
      "info_client": ""
    },
    {
      "id_client": "57",
      "name_client": "Мидас",
      "info_client": ""
    },
    {
      "id_client": "58",
      "name_client": "Анкер-Логистик",
      "info_client": ""
    },
    {
      "id_client": "59",
      "name_client": "Наталья Зеленова",
      "info_client": ""
    },
    {
      "id_client": "61",
      "name_client": "ПОСМАСТЕР",
      "info_client": "pos-master.ru"
    },
    {
      "id_client": "62",
      "name_client": "Ластовец",
      "info_client": ""
    },
    {
      "id_client": "63",
      "name_client": "Илья",
      "info_client": ""
    },
    {
      "id_client": "64",
      "name_client": "Наумов Миша",
      "info_client": ""
    },
    {
      "id_client": "65",
      "name_client": "White Nights Tours",
      "info_client": ""
    },
    {
      "id_client": "66",
      "name_client": "Братья Карамазовы",
      "info_client": ""
    },
    {
      "id_client": "67",
      "name_client": "ОДАКС СПб",
      "info_client": ""
    },
    {
      "id_client": "68",
      "name_client": "CleanBe",
      "info_client": ""
    },
    {
      "id_client": "69",
      "name_client": "Меридиан...