如何通过从PHP中获取数据在javascript中创建选择标记

I would like to create a supermarket management system for my supermarket and my system is working very well but my problem is I'm trying to create another select tag in JavaScript and fetching data from database like this select tag of PHP page...

    var container1 = document.getElementById('container1');

    btn.addEventListener('click', function(e){
        e.preventDefault();

        var khaanado_new  = document.createElement("DIV");
        var select1 = document.createElement("SELECT");
        var option1 = document.createElement("OPTION")

        khaanado_new.classList = 'khaanado';

        select1.id   ='Items';
        select1.name ='Items';
        select1.appendChild(option1);
        khaanado_new.appendChild(select1);
        container1.appendChild(khaanado_new);

    });

<div id="container1">
    <div class="khaanado">
      <select name="Items" id="Items">
        <option value=""></option>

        <?php foreach($items_registered_by_company AS $ItemsRegisteredByCompany): ?>    
            <option value="<?php echo $ItemsRegisteredByCompany->ID; ?>-<?php echo $ItemsRegisteredByCompany->PricePerOneUSD; ?>-<?php echo $ItemsRegisteredByCompany->Quantity; ?>-<?php echo $ItemsRegisteredByCompany->Unit; ?>-<?php echo $ItemsRegisteredByCompany->SubUnit; ?>-<?php echo $ItemsRegisteredByCompany->MultiSubUnit; ?>-<?php echo $ItemsRegisteredByCompany->Description; ?>-<?php echo $ItemsRegisteredByCompany->ItemImage; ?>"><?php echo $ItemsRegisteredByCompany->ItemName; ?> - <?php echo $ItemsRegisteredByCompany->ID;?>
            </option>
        <?php endforeach; ?>
      </select>
    </div>
    <button id="btn">increase</button>
</div><