Blank lines at the beginning

[Sivolen]

Hello, tell me, I’m writing JavaScript code and when adding elements to the select, for some reason there are always two empty lines at the top

          <select class="bg-light text-center selectpicker" id="platform-1" name="platform-1" aria-label="platform-1" required>
              <optgroup label="Napalm Drivers" data-max-options="2">
              <option value="">Choose</option>
              </optgroup>
              <optgroup label="Custom Drivers" data-max-options="2">
              </optgroup>
            </select>

        let platform = $("#platform-1");
        platform.find("option").remove(); // remove all options
        platform.selectpicker("destroy"); // temporary patch!
        platform.selectpicker(); // temporary patch!
        for (let napalm_driver_count in result["drivers"]) {
          if (result["drivers"][napalm_driver_count]["driver"] == result["device_driver"]) {
            $("#platform-1 optgroup[label='Napalm Drivers']").append(new Option(result["drivers"][napalm_driver_count]["driver"], result["drivers"][napalm_driver_count]["driver"], true, true));
          } else {
            $("#platform-1 optgroup[label='Napalm Drivers']").append(new Option(result["drivers"][napalm_driver_count]["driver"], result["drivers"][napalm_driver_count]["driver"]));
          }
        }
        for (let custom_driver_count in result["custom_drivers"]) {
          if (result["custom_drivers"][custom_driver_count]["custom_drivers_id"] == result["device_driver"]) {
            $("#platform-1 optgroup[label='Custom Drivers']").append(new Option(result["custom_drivers"][custom_driver_count]["drivers_vendor"], result["custom_drivers"][custom_driver_count]["custom_drivers_id"], true, true));
          } else {
            $("#platform-1 optgroup[label='Custom Drivers']").append(new Option(result["custom_drivers"][custom_driver_count]["drivers_vendor"], result["custom_drivers"][custom_driver_count]["custom_drivers_id"]));
          }
        }
        $("#platform-1").selectpicker("refresh");

I just can’t overcome this problem, at the moment I have version v1.14.0-beta3

[Sivolen]

If it's useful to anyone, I've corrected my code

              <select class="bg-light text-center selectpicker" id="platform-1" name="platform-1" aria-label="platform-1" required>
              </select>
          let platform = $("#platform-1");
          //platform.find("option").remove(); // remove all options
          platform.find("optgroup[label='Napalm Drivers']").remove(); // remove all options
          platform.find("optgroup[label='Custom Drivers']").remove(); // remove all options
          platform.selectpicker("destroy"); // temporary patch!
          platform.selectpicker(); // temporary patch!
          //
          var napalmOptgroup = document.createElement("optgroup");
              napalmOptgroup.label = "Napalm Drivers";
              napalmOptgroup.setAttribute("data-max-options", "2");
          //
          for (let napalm_driver_count in result["drivers"]) {
            let option = document.createElement("option");
            option.value = result["drivers"][napalm_driver_count]["driver"];
            option.text = result["drivers"][napalm_driver_count]["name"];
            if (result["drivers"][napalm_driver_count]["driver"] == result["device_driver"]) {
              option.selected = true;
            }
            napalmOptgroup.appendChild(option);
          }
          console.log(result["drivers"])
          console.log(result["custom_drivers"])
          //
          var customOptgroup = document.createElement("optgroup");
              customOptgroup.label = "Custom Drivers";
              customOptgroup.setAttribute("data-max-options", "2");
          //
          for (let custom_driver_count in result["custom_drivers"]) {
            let option = document.createElement("option");
              option.value = result["custom_drivers"][custom_driver_count]["custom_drivers_id"];
              option.text = result["custom_drivers"][custom_driver_count]["drivers_vendor"];
            if (result["custom_drivers"][custom_driver_count]["custom_drivers_id"] == result["device_driver"]) {
              //platform.find("optgroup[label='Custom Drivers']").append(new Option(result["custom_drivers"][custom_driver_count]["drivers_vendor"], result["custom_drivers"][custom_driver_count]["custom_drivers_id"], true, true));
              option.selected = true;
            }
            customOptgroup.appendChild(option);
          }
          platform.append(napalmOptgroup);
          platform.append(customOptgroup);
          platform.selectpicker("refresh");