why dropzon inactive <form id="my-form" method="POST">
    <select id="target_lang_list" name="target_lang_list[]" class="selectpicker" multiple data-live-search="true" required>
        {% for key, value in languages.items() %}
        <option value="{{ key }}">{{ value }}</option>
        {% endfor %}
    </select>
    <div id="my-dropzone" class="dropzone"></div> <!-- initialize the dropzone here -->
    <button type="submit">Submit</button>
</form>

<script>

Dropzone.autoDiscover = false;
(document).ready(function() {
// Initialize the dropzone element
("#my-dropzone").dropzone({
    url: "/localization/multi-local-from-file",
    addRemoveLinks: true,
    paramName: "data",
    maxFiles: 1,
    maxFilesize: 3, // Maximum filesize in MB
    acceptedFiles: ".arb",
    dictDefaultMessage: "Drag and drop an ARB file here or click to select one",
    dictFallbackMessage: "Your browser does not support drag and drop file uploads.",
    dictInvalidFileType: "Only ARB files are allowed.",
    dictFileTooBig: "The file is too big 3 Mb. Maximum allowed size: 3 Mb.",
    dictResponseError: "Server responded with {{statusCode}} code.",
    dictCancelUpload: "Cancel upload",
    dictUploadCanceled: "Upload canceled.",
    dictCancelUploadConfirmation: "Are you sure you want to cancel this upload?",
    dictRemoveFile: "Remove file",
    dictMaxFilesExceeded: "You can’t upload any more files.",

init: function() {
var dz = this;

// On successful translation, enable the download button and change the download link
dz.on(“success”, function(file, response) {
("#download-multiple").prop("href", URL.createObjectURL(response));
("#download-multiple").prop("disabled", false);
});
}
});

// Set selected target language(s) on form submission
("#my-form").submit(function(event) {
event.preventDefault();
var formData = new FormData(event.target);
.ajax({
url: "/localization/multi-local-from-file",
method: "POST",
data: formData,
processData: false,
contentType: false,
success: function(response) {
// handle success response
},
error: function(xhr, status, error) {
// handle error response
}
});
});
});
</script>