JSFiddle - React, Tailwind, and code Playground

HTML

<select id="DLState">

JavaScript

var datajson={"cabrecords":{
"0":{"cabid":"46","reg_num":"KL 40 F 194","vid":"4"},
"1":{"cabid":"47","reg_num":"KL 27 C 234","vid":"4"},
"2":{"cabid":"48","reg_num":"KL 40 D 6264","vid":"4"},
"3":{"cabid":"49","reg_num":"KL 55 G 1151","vid":"4"},
"4":{"cabid":"50","reg_num":"KL 17 E 1903","vid":"4"},
"5":{"cabid":"51","reg_num":"KL 47 A 6055","vid":"3"},
"6":{"cabid":"52","reg_num":"KL 40 G 6608","vid":"4"},
"7":{"cabid":"79","reg_num":"KL 07 BD 2281","vid":"4"}}}
 var listItems= "";
$.each( datajson, function( key1, value1 ) {
    
    $.each( value1, function( key2, value2 ) {
      
       
        listItems+= "<option value='" + value2.cabid+ "'>" + value2.reg_num + "</option>";
       
    });
    
});
$("#DLState").html(listItems);