JSFiddle - React, Tailwind, and code Playground

by Vikash Kumar Gupta

HTML

<script src="knockout"></script>
<script src="http://knockoutjs.com/downloads/knockout-3.2.0.js"></script>
<select data-bind="">

</select>

JavaScript

var ViewModel = function(){
	var self = this;
  
  self.componentsNameArr = ko.observableArray();
  self.componentsArr = ko.observableArray({
  "responseStatus": "success",
  "result": [
    {
      "componentType": "Application Server",
      "componentTypeId": 3,
      "isCustom": 0,
      "components": [
        {
          "componentId": 13,
          "componentName": "Apache Tomcat",
          "versions": [
            {
              "versionId": 31,
              "version": "6.0.x"
            },
            {
              "versionId": 32,
              "version": "7.0.x"
            },
            {
              "versionId": 33,
              "version": "8.0.x"
            },
            {
              "versionId": 34,
              "version": "8.5.x"
            },
            {
              "versionId": 35,
              "version": "9.0.x"
            }
          ]
        },
        {
          "componentId": 14,
          "componentName": "JBoss",
          "versions": [
            {
              "versionId": 36,
              "version": "6.4 EAP"
            },
            {
              "versionId": 37,
              "version": "7.x"
            },
            {
              "versionId": 38,
              "version": "8.x"
            },
            {
              "versionId": 39,
              "version": "9.x"
            }
          ]
        },
        {
          "componentId": 17,
          "componentName": "Resin",
          "versions": [
            {
              "versionId": 46,
              "version": "3.1.x"
            },
            {
              "versionId": 47,
              "version": "4.0.x"
            }
          ]
        },
        {
          "componentId": 15,
          "componentName": "WebSphere",
          "versions": [
            {
              "versionId": 40,
              "version": "7.0.x"
            },
            {
              "versionId": 41,
              "version": "8.0.x"
            },
         ...