Instascan，如何使用javascript打开另一个页面中的输入内容

Question

我是新手，但我正在学习如何使用Javascript/PHP。我正在尝试扫描一个二维码，并将内容传递到另一个PHP页面。我使用表单/输入域和按钮提交，使用PHP ' get‘来获取数据内容，它可以工作，但不是我想要做的，因为我需要避免’按钮提交‘，我试图使用jQuery在QR扫描时提交表单，但它不起作用，这是我的代码：

    <section class="scans">
      <h2>Scans</h2>
      <ul v-if="scans.length === 0">
        <li class="empty">Ningun escaneo todavia</li>
      </ul>                

      <transition-group name="scans" tag="ul">
        <li v-for="scan in scans" :key="scan.date" :title="scan.content">{{ scan.content }}
           <form id="myform" action="empleados.php" method="get">
            <input type="hidden" name="qr" :key="scan.date" :value="scan.content" />
             <input class="btn btn-primary" type="submit" value="Registrar Acceso/Salida"/>
$(function() { $("#myform").submit(); });
          </form>
        </li>
      </transition-group>
    </section>
  </div>
  <div class="preview-container">
    <video id="preview"></video>
  </div>

这是获取扫描内容的PHP页面empleados.php和代码：

 <?php  
    $info_qr=$_GET['qr'];

Answer 1

您需要将操作附加到文本输入的onChange事件

<script>
$('input[name$="qr_code"]').on('change', submitForm)

function submitForm() {
    // your ajax request
}
</script>

如果keyup事件不能满足您的需要，请尝试使用事件‘onChange’或以下事件之一：https://developer.mozilla.org/en-US/docs/Web/Events

并且，我建议您将js代码移到<script>标记中。