Onclick将输入文字复制到另一个位置

问题描述：

我在制作管理面板。当用户将数据输入到文本字段时，我想将文本字段中的数据复制到另一个文本字段。我的问题是代码的作品，直到我添加到数据库功能的插入到同一个按钮。我如何获得执行这两个功能的按钮。有没有更好的方法来做onclick函数。由于我使用两个文本字段，但我真的希望一个是产品的标题。像下面的图片中：Onclick将输入文字复制到另一个位置

代码是

<?php 
    $add_product_errors = array(); 

    if ($_SERVER['REQUEST_METHOD'] === 'POST') { 
     // price validate - must be decimal(float) 
     if (empty($_POST['price']) || !filter_var($_POST['price'], FILTER_VALIDATE_FLOAT) || ($_POST['price'] <= 0)) { 
      $add_product_errors['price'] = "Please enter a product price"; 
     } 
     // item name validate 
     if (empty($_POST['item_name'])) { 
      $add_product_errors['item_name'] = "Please enter a name"; 
     } 
     // item name description 
     if (empty($_POST['desc'])) { 
      $add_product_errors['desc'] = "Please enter a product description"; 
     } 

     //add to database 
     //if (empty($add_product_errors)) { 
     $q = 'INSERT INTO Product (Product_Name,Product_Desc,Product_Price) VALUES (?,?,?)'; 
     $stmt = mysqli_prepare($dbc, $q); 

     //debugging 
     $stmt = mysqli_prepare($dbc, $q) or die(mysqli_error($dbc)); 

     mysqli_stmt_bind_param($stmt, 'sss', $item_name, $desc, $price); 
     $item_name = strip_tags($_POST['item_name']); 
     $desc = strip_tags($_POST['desc']); 
     //100 - changes the way the decimal displays in database 
     $price = strip_tags($_POST['price'] * 100); 

     //execute the query 
     mysqli_stmt_execute($stmt); 
     printf("%d Item Added.\ ", mysqli_stmt_affected_rows($stmt) === 1); { 
      mysqli_stmt_close($stmt); 
     } 
    } 
    ?>

HTML

<form name="product_form" enctype="multipart/form-data" action="admin_p.php" method="post" accept-charset="utf-8" > 
      <input type="textfield" id="title" name="title" value=""> 
      <input type="textfield" id="item_name" name="item_name" placeholder="item name" value="" <?php $add_product_errors ?>/><br> 
      <textarea id="desc" name="desc" value="" placeholder="Item description" rows="3" maxlength="200" required ><?php $add_product_errors ?></textarea><br> 
      <input type="textfield" id="price" name="price" value="" placeholder="£" maxlength="30" required <?php $add_product_errors ?>/><br> 
      <input type="submit" name="add" value="add" value="add" class="btn" onclick="myFunction()"> 

      <!-- copy item_name to page title --> 
      <script> 
       function myFunction() { 
        document.getElementById("title").value = document.getElementById("item_name").value; 
       }  
      </script>

你的问题是什么？你说它不起作用，但是预期的结果是什么，你得到了什么？ –

@ J.Bush我期待提交按钮中的数据显示在另一个文本字段中，并且输入的数据也会插入到数据库中。这两个功能都是单独工作，但不是在一起。 – jerneva

它完全打破了吗？或者是插入到数据库中的数据，但是文本没有显示在其他字段中？ –

答

考虑将提交输入更改为常规按钮，以便可以完全控制控制流。它也可能使控制流程更清晰，供您理解。

<form name="product_form" enctype="multipart/form-data" action="admin_p.php" method="post" accept-charset="utf-8" onsubmit="myFunction()"> 
... your HTML here ... 
<input type="button" name="add" value="add" value="add" class="btn" onclick="myFunction()"> 
</form> 
<script> 
    function myFunction() { 
    // Update your field value 
    document.getElementById("title").value = document.getElementById("item_name").value; 

    // Submit your form. 
    document.forms["product_form"].submit(); 
      }  
</script>

嗨，谢谢你。我厌倦了这一点，但因为我添加了本地存储，我不得不使用输入类型=提交 – jerneva

得到它的工作。 – jerneva

@ jerneva如果我的答案适合您，您能否请我的答案标记为“答案”？ –

答

您可以将文本复制绑定在onsubmit事件是这样的：

<form name="product_form" enctype="multipart/form-data" action="admin_p.php" method="post" accept-charset="utf-8" onsubmit="myFunction()">

嗨，谢谢。但我只想要item_name重复提交 – jerneva

Onclick将输入文字复制到另一个位置

相关推荐