Как я могу сделать этот активный щелчок getElementById? - PullRequest
0 голосов
/ 03 февраля 2020

** Я хочу выбрать фотографию, но с помощью тега "p". Я сделал, чтобы написать onclick и getElementById для использования ввода тега, но это не работает. Я понятия не имею, что делать. **

   <nav class= "navbar navbar-expand-lg navbar-dark scrolling-navbar bg-light border">
    <ul class="nav">
      <li class="nav-item">
        <p class="nav-link text-uppercase"
        onclick="event.preventDefault(); document.getElementById('open_file').submit();">
          Visualizar File</p>
      </li>
      <input id="open_file" type="file" style="display: none;">
      <li class="nav-item">
        <a class="nav-link text-uppercase" href="#">Visualizar Contenido Final</a>
      </li>
    </ul>
  </nav>

1 Ответ

0 голосов
/ 03 февраля 2020

вместо Submit () используйте document.getElementById ('open_file'). Click (), я воспроизвел код и протестировал его, я надеюсь, что он полезен.

всегда проверяйте консоль на наличие ошибки в вашем коде и привычка выводить результаты вашего кода на консоль, что будет полезно для устранения неполадок в вашем коде.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
    <nav class= "navbar navbar-expand-lg navbar-dark scrolling-navbar bg-light border">
    <ul class="nav">
      <li class="nav-item">
        <p class="nav-link text-uppercase"
        onclick="event.preventDefault(); document.getElementById('open_file').click();">
          Visualizar File</p>
      </li>
      <input id="open_file" type="file" style="display: none;">
      <li class="nav-item">
        <a class="nav-link text-uppercase" href="#">Visualizar Contenido Final</a>
      </li>
    </ul>
  </nav>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...