JSFiddle - React, Tailwind, and code Playground

by Newman4088

HTML

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<input class="text" name="Username" />
<input class="text" name="Password" />
<button class="Submit">
  Submit
</button>

<select class="users">

</select>

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Rubbish</a></li>
    <li><a href="#tabs-2">Graffiti</a></li>
    <li><a href="#tabs-3">Animal Issues</a></li>
    <li><a href="#tabs-4">Envionmental Issues</a></li>
    <li><a href="#tabs-5">Road issues</a></li>
    <li><a href="#tabs-6">Other</a></li>
  </ul>
  <div id="tabs-1">
    <p> Too much rubbish in the local area
    </p>
    <p>
  </div>
  <div id="tabs-2">
    <p>Graffiti in the local area</p>
  </div>
  <div id="tabs-3">
    <p>Loud animals, stray animals, illegal animals</p>
    <div id="tabs-4">
      <p>This content in the forth</p>
      <p>And you can have as much content here as you want.</p>
      <div id="tabs-5">
        <p>This content in the forth</p>
        <p>And you can have as much content here as you want.</p>
        <div id="tabs-6">
          <p>This content in the forth</p>
          <p>And you can have as much content here as you want.</p>
        </div>
      </div>

JavaScript

$(function() {
  $("#tabs").tabs();
});

$(".submit").click(function() {
  var Username = $("input[name=Username']");
  var Password = $("input[name=Password']");
});

arb_array = [];
console.log(arb_array);
arb_array.push({
      id: 0001,
      firstName: 'Rubbish',
      lastName: 'Problems'
      },{
      id: 0002,
      firstName: 'Graffiti',
      lastName: 'Problems'
      },{
      id: 0003,
      firstName: 'Animal',
      lastName: 'Problems'
      },{
      id: 0004,
      firstName: 'Environmental',
      lastName: 'Problems'
      },{
      id: 0005,
      firstName: 'Road',
      lastName: 'Problems'
      },{
      id: 0006,
      firstName: 'Other',
      lastName: 'Problems'
      },              
for (i = 0; i < arb_array.length; i++) {$(".users").append('<option value="' + arb_array[i].id + '">' + arb_array[i].firstName + " " + arb_array[i].lastName + '</option>');
                        }
                        console.log(arb_array);