JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
 <select class="daerah form-control" name="state">
                                    <option value="" disabled selected>-- Pilih Daerah --</option>
                                </select>
                           <input type="text" id="helpHidden"/>

<button id="set">Click</button>

JavaScript

//select options
//card
$.ajax({
    url: 'https://sirekap-obj-data.kpu.go.id/wilayah/pemilu/pdpr/dapil_dpr.json',
    method: 'GET',
    success: ((response) => {
        // console.log(response.Surah);
        var a;
        for (a = 0; a < response.length; a++) {
            var daerah = response[a].nama;
            var kode = response[a].kode;
            // console.log(response.Surah[a].name);
            $('.daerah').append(`
                <option value="${kode}">${daerah}</option>
            `);
        }
    })
})




var url_ = 'https://sirekap-obj-data.kpu.go.id/pemilu/hhcd/pdpr/0.json';

 
  
function cekChart() {
    var semuaTable = [];
    var semuaKey = [];
   
    
    return new Promise(function (resolve) {
        $.ajax({
            url: url_,
            method: 'GET',
						success: ((response) => {
            	var c = Object.values(response)[2];
         
 							 $("#set").click((e) => {
                  var nilai = $('.daerah').find(":selected").val();
                  //console.log(nilai);
                  //console.log(e.target)
                  var dedi = $('#helpHidden').val(nilai);
									//console.log('dedi',nilai);
                  var table_dpr = response.table[`${nilai}`];
                  //console.log(table_dpr);
                  semuaTable.push(table_dpr);
                  
                  for (let key in c) {
                    var key_ = c[key];
                    semuaKey.push(key_)

                    
                }    
                  resolve(
                       {
                       semuaTable, semuaKey
                       } 
                            
                        
                    )
                }) ;
              
              
              
              //var ido = 1102;
              //var table_dpr = response.table[`${ido}`];
               
               
          	})
                  
         })
		})
}

cekChart().then((values) => {
   ...