文本区域表单字段未将值传递给JavaScript

Question

我的网站上有一个表单，该表单将其值传递给一些JavaScript，然后将这些信息传递给PHP页面以更新数据库。 提交表单后，除两个字段即文本区域外，所有值都将添加到数据库中。

如果我删除JavaScript并添加一个简单的表单操作以将变量直接传递到PHP页面，则所有信息都将添加到数据库中，包括两个文本区域字段，因此看来问题一定出在表单和JavaScript上，否则，这两个字段将不会添加到数据库中。

以下是我的表格和我的JavaScript。 （简单起见，我只包含了表单中的两个元素，因为这是一个长格式，如果这是错误的方法，请告诉我。）

    <form action="" method="post" class="save">
        <label class="col-sm-3 control-label">Notes</label>
        <textarea name="notes" rows="10" class="form-control"></textarea>
        <input type="submit" name="submit" class="save" value="Save This Job" id="blue"/>
     </form>

现在是JavaScript

    $(document).ready(function(){
    $('form.save').submit(function () {
    var ref_number = $(this).find("[name='ref_number']").val();
    var job_title = $(this).find("[name='job_title']").val();
    var start_date = $(this).find("[name='start_date']").val();
    var closing_date = $(this).find("[name='closing_date']").val();
    var category = $(this).find("[name='category']").val();
    var location = $(this).find("[name='location']").val();
    var salary = $(this).find("[name='salary']").val();
    var client = $(this).find("[name='client']").val();
    var job_description = $(this).find("[name='job_description']").val();
    var license = $(this).find("[name='license']").val();
    var notes = $(this).find("[name='notes']").val();
         // ...
        $.ajax({
         type: "POST",
         url: "save.php",
         data: {
              ref_number : ref_number,
              job_title : job_title,
              start_date : start_date,
              closing_date : closing_date,
              category : category,
              location : location,
              salary : salary,
              client : client,
              job_description : job_description,
              license : license,
              notes : notes,

                  },
                  success: function(){
                  new PNotify({
                    title: 'Job Posted',
                    text: '
                    type: 'success',
                     shadow: true
                });


                    }
                      });
                    this.reset();
                    return false;
                      });
                  });

因此，这是我不断更改的PHP的简化版本，如上所述，如果我将变量直接发送到PHP页面，则所有信息都将添加到mysql数据库中，没有问题，但是当使用JavaScript时，作业说明和注释字段不会添加。

      $ref_number = $_POST['ref_number']; 
      $job_title = $_POST['job_title'];
      $start_date = $_POST['start_date']; 
      $closing_date = $_POST['closing_date'];
      $category = $_POST['category']; 
      $location = $_POST['location'];
      $salary = $_POST['salary'];
      $client = $_POST['client'];
      $job_description = $_POST['job_description'];
      $license = $_POST['license'];
      $posted_by = $_POST['posted_by'];
      $site_id = $_POST['site_id'];
      $notes = $_POST['notes'];

      mysql_query("INSERT INTO joborders 
      (ref_number, job_title, start_date, closing_date, category, location, salary, client_name, job_description, license_required, site_id, posted_by, status, notes, posted_date) VALUES('$ref_number', '$job_title', '$start_date', '$closing_date', '$category', '$location', '$salary', '$client', '$job_description', '$license', '$site_id', '$posted_by', 'open', '$notes',  NOW()) ") 
      or die(mysql_error());

因此，我发现了问题所在，在页面底部是这段代码，即使我看了十几遍，也没有发现过。 我一删除它，它就起作用了，所以现在我只需要弄清楚是否可以将其合并到现有代码中，这样我仍然可以使用tnymce

    tinymce.init({
   selector: "textarea"
   });

Answer 1

好的，问题出在这是因为页面上有这段代码

    tinymce.init({

选择器：“ textarea”}）;

所以我将其更改为以此类形式引用文本的类。

 tinymce.init({
selector: "textarea.form-control",

}）;

现在，所有表单字段都将发布到数据库中。

感谢您的所有建议和意见，非常感谢。