Блог

Я хочу, чтобы кнопка в цикле for могла независимо запускать ту же функцию для click the hidden во время click the , но без ответа после нажатия.

html for-цикл:

          {% for order_item in orders %}
          <a class="btn btn-warning" >Upload File</a>
          <input type="file" id="img-file{{ forloop.counter }}" hidden="hidden"/>
          <button type="button" onclick="function upload_img({{ forloop.counter }}){}">Upload</button>
        {% endfor %}
  

js:

 <script>
function upload_img(x) {
    const realFileBtn = document.getElementById('img-file' x);

    realFileBtn.click()

}
</script>
  

Вам нужно вызвать функцию внутри onclick , а не определять.

 onclick="upload_img({{ forloop.counter }})"
  

Вы определяете функцию в теге button, и она вызывается где угодно, что неправильно, вы должны вызвать ее где угодно.

Создайте функцию с именем upload_img и вызовите ее внутри onclick следующим образом

onclick="upload_img({{ forloop.counter }})"