个人中心
gpt4 book ai didi

javascript - textarea文本未插入到php数据库mysql

转载 作者：行者123 更新时间：2023-11-30 00:46:13 25 4
gpt4 key购买 nike

大家好，请帮助我这个选项(textarea)不提交到数据库 php mysql 这里是我的代码 tnx。它有一个Javascript函数。我需要将选项(textarea)发送到数据库 php/mysql。未插入文本。或者它可以是他们选择的食物数量的数字。

select.html

<html lang="en">
<head>
<title>Catering Service</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="js/js.1.js" type="text/javascript"></script>
</head>
<body>
     <form action="submit.php" method="post">
         <select multiple="multiple" class="options" id="textarea">
         <option value="foodA">foodA</option>
         <option value="foodB">foodB</option>
         <option value="foodC">foodC</option>
         <option value="foodD">foodD</option>
      <option value="foodE">foodE</option>
     </select>


         <button type="button" id="copy">Copy</button>
         <button type="button" id="remove">Remove</button>

          <!-- note how multiple select name must be set -->
          <select id="textarea2" multiple class="remove" name="food[]"> 
          </select>

          <input type="submit" name="submit" />
          </form>
          </body>
           </html>

提交.php

<?php
  include 'connection.php';

foreach ($_POST['food'] as $food){
     $food == "foodA" ? $foodA = $food : $foodA = '';
     $food == "foodB" ? $foodB = $food : $foodB = '';
     $food == "foodC" ? $foodC = $food : $foodC = '';
     $food == "foodD" ? $foodD = $food : $foodD = '';
     $food == "foodE" ? $foodE = $food : $foodE = '';


if(!$_POST['submit']) {
    echo "please fill out the form";
    header('Location: select.html');
}
else {
    $sql = "INSERT INTO remove(foodA, foodB, foodC, foodD, foodE) VALUES (?,?,?,?,?);";
    $stmt = mysqli_prepare($conn, $sql);
    mysqli_stmt_bind_param($stmt,"sssss",$foodA,$foodB,$foodC,$foodD,$foodE);
    mysqli_stmt_execute($stmt);
    echo "User has been added!";
    header('Location: select.html');
}

connection.php

<?php
$dbhost = "localhost";
$dbuser = "root";
$dbpass = "";
$db = "copy";
$conn = mysqli_connect($dbhost,$dbuser,$dbpass,$db);
 ?>

js.1.js (JavaScript)

   $(function(){ 
   $("#copy").on("click", function(){ 
   $(".options option:selected").each(function({
   $("#textarea2").append('<option selected>'+$(this).text()+'</option>');
   $('option:selected', "#textarea").remove(); 
  });
}); 
    $("#remove").on("click", function(){ 
    $(".remove option:selected").each(function(){
    $("#textarea").append('<option>'+$(this).text()+'</option>');
    $('option:selected', "#textarea2").remove(); 
   }); 
 });

});

最佳答案

首先清理你的代码并使其格式良好，即准确地嵌套它，并适本地关闭开始标签)，就像这样。例如，您错过了输入 <head>标签，以及 </select>低于 </form> :

选择.html

<html lang="en">
  <head>
    <title>Catering Service</title>
    <meta charset="utf-8">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script src="js/js.1.js" type="text/javascript"></script>
  </head>
  <body>
    <form action="submit.php" method="post">

      <select multiple="multiple" name="food" class="options" id="textarea">
        <option name="foodA" value="foodA">foodA</option>
        <option name="foodB" value="foodB">foodB</option>
        <option name="foodC" value="foodC">foodC</option>
        <option name="foodD" value="foodD">foodD</option>
        <option name="foodE" value="foodE">foodE</option>
      </select>

      <button type="button" id="copy"   onclick="yourFunction()">Copy</button>
      <button type="button" id="remove" onclick="yourFunction()">Remove</button>

      <select id="textarea2" multiple class="remove" name="food">
        <input type="submit" name="submit" />
      </select>
    </form>
  </html>

当你变得优秀之后，如果你愿意的话，你可以对此马虎一些，但是当你开始的时候，让它变得非常干净。请注意我如何排列 onclick 以使内容更具可读性。

现在，一旦你把它清理干净，就逐行、逐字地查看它。你明白每件事吗？如果没有谷歌它，直到你这样做。网络上有关于所有这些内容的很好的引用，比我或其他任何人在这里可以提供的要好得多。如果我们解决了您眼前的问题，我们就剥夺了您学习如何自己做这些事情的机会。但很高兴你提出这个问题，也很高兴给你一些建议。

编辑:html 陷阱之一以及为什么许多专业人士大多使用 Xhtml，并且仅在仅需要 html5 功能时才回退到 html5，是因为虽然特定浏览器可能会使用一组特定的格式错误的标签(例如您的<select> 或 <head> 上面的问题)另一个浏览器可能不会做得那么好并且会堵住它们。通过强制标签始终像 xhtml 一样正确嵌套，并且可以使用 xhtml validator 轻松发现这些标签。 ，它消除了浏览器正确解释 html 或不正确解释 html 的任何可能性。您的 html 中缺少的另一件事是第一行，但我猜您只是为了简洁而将其遗漏了。

关于javascript - textarea文本未插入到php数据库mysql，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21345455/

25 4 0
文章推荐： c++ - 第一次尝试 makefile
文章推荐： MySQL 中的 Javascript 数组
文章推荐： Android:如何只适合系统窗口内的 map 对象？
文章推荐： php - 如何获取表行的值并在 else if 语句中使用它
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com