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({

选择器：＆＃34; textarea＆＃34; }）;

所以我把它更改为引用文本的类在表单中，就像这样。

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

}）;

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

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

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

1 个答案: