Question

我想在提取文本框的值时将其textarea的值自动转移到我的文本框。我该怎么做？这是我的代码，谢谢。

       <?php

            if(isset($_POST['btnSubcode'])) {
              $lblCode  =  isset($_POST['lblQrTxt']) ? $_POST['lblQrTxt'] : '';

              $code =   $lblCode;
              $code = explode(":",$code); // code = array("QR Code","444444444|123")
              $code = explode("|",$code[1]); // code[1] = "444444444|123"
              $code = trim($code[0]); // 444444444


              $code2 =   $lblCode;
              $code2 = explode(":",$code2); // code = array("QR Code","444444444|123")
              $code2 = explode("|",$code2[1]); // code[1] = "444444444|123"
              $code2 = trim($code2[1]); // 123
            }
            ?>
              <div class="form-group">
                <label class="form-control-label">code</label>
                <input type="text" id="card-code" value='<?php echo $code ?>' class="form-control">
              </div>
            </div>
            <div class="col-md-4">
              <div class="form-group">
                <label class="form-control-label">pin</label>
                <input type="text" id="card-pin" value='<?php echo $code2 ?>' class="form-control" maxlength="3">
              </div>
              </form>

///////////////////////////////TEXT AREA///////////////////////
         <textarea class="form-control text-center" id="scanned-QR" name="lblQrTxt"></textarea><br><br>
                               <input class="btn btn-primary btn-lg" type="submit" name="btnSubcode"></input>

有我的代码，所以值在文本区域中。因此，设置该值后，我希望在文本框上自动传输。

Answer 1

我不确定您所说的文本框是什么意思。如果您想将textarea的值复制到另一个元素（我假设使用id ='textbox'），请执行以下操作：

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<form role="form">
  <div class="form-group">
    <input type="text" class="fas" placeholder="&#xf002" />
  </div>
</form>

Answer 2

我假设您正在尝试将文本区域值传输到所有输入文本框。这是代码，当单击提交时，代码将传输数据。

$('.btn-primary').click(function(){
  let scannedQR = $('#scanned-QR').val();
  
  if(scannedQR != '') {
    $('input').val(scannedQR);
  } else {
    alert('please scan the QR code and submit');
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <div class="form-group">
    <label class="form-control-label">code</label>
    <input type="text" id="card-code" value='sample' class="form-control">
  </div>
  <div class="form-group">
    <label class="form-control-label">pin</label>
    <input type="text" id="card-pin" value='sample2' class="form-control" maxlength="3">
  </div>
</form>

<br><br>

<textarea class="form-control text-center" id="scanned-QR" name="lblQrTxt"></textarea>
<button class="btn btn-primary btn-lg" type="button" name="btnSubcode">Submit</button>

PHP和Ajax-当值不为空时如何将textarea的值传输到文本框

2 个答案: