将表单结果传递给另一个表单并转换为表单值

抗醋

我在页面上有两个表单,“顶部表单”搜索电影,并且我试图从顶部表单中找到数据,并将其作为值传递给底部表单,以便可以将其输入数据库。

我无法执行此操作,但是我可以将结果显示在页面上。这是我的代码:

表格数据

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<?php
$squery="";
if(isset($_GET["squery"]))
{
$squery=$_GET["squery"];
}
?>
<div class="col-xs-8 col-xs-offset-2">
<form action="#" method="GET" class="form-horizontal">
<div class="form-group">
        <label for="newMovieName" class="col-sm-3 control-label">Search what movie?</label>
        <div class="col-sm-9"> <input type="text" name="squery" class="form-control"><br />
<input type="submit" value="Submit" class="btn btn-success"></div></div>
</form>
  <script type="text/javascript" charset="utf-8">
    var api_key = '6969696969696969696969696969696';

    $(document).ready(function(){
      $.ajax({
        url: 'http://api.themoviedb.org/3/search/movie?api_key=' + api_key + '&query=<?php echo $squery; ?>',
        dataType: 'jsonp',
        jsonpCallback: 'testing'
      }).error(function() {
        console.log('error')
      }).done(function(response) {
          var i=0;
       // for (var i = 0; i < response.results.length; i++) {
          $('#search_results').append('<li>' + response.results[i].title + '</li>');
       // }
         $('#search_results_title').append(response.results[i].title);
         $('#search_results_release').append(response.results[i].release_date);
         $('#search_results_overview').append(response.results[i].overview);
         $('#search_results_poster').append('https://image.tmdb.org/t/p/w185' + response.results[i].poster_path);
         $('#search_results_votes').append(response.results[i].vote_count);
      });
    });
  </script>

顶级表格结果

这里是从BUT上方的表单中显示结果的地方,我希望这些结果在下面的表单中以值的形式显示。

  <h3>Results</h3>

  <p id="error"></p>
  <ul id="search_results_title"></ul>
  <ul id="search_results_release"></ul>
  <ul id="search_results_overview"></ul>
  <ul id="search_results_poster"></ul>
  <ul id="search_results_votes"></ul>

底部表格数据

这是应该使用上面的“结果”作为值提交到数据库的底部形式

    <form class="form-horizontal" role="form" action="processmovie.php" method="get" enctype="text/plain">
  <div class="form-group">
    <label for="newMovieName" class="col-sm-3 control-label">Title</label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="newMovieName" name="movie_name" placeholder="Movie Title" required value="">
    </div>
  </div>
  <div class="form-group">
    <label for="movieYear" class="col-sm-3 control-label">Year</label>
    <div class="col-sm-9">
      <input type="text" class="form-control" id="movieYear" name="movie_year" placeholder="Year" required>
    </div>
  </div>
  <div class="form-group">
    <label for="movieBio" class="col-sm-3 control-label">Storyline</label>
    <div class="col-sm-9">
      <textarea type="email" class="form-control" id="movieBio" name="movie_bio" rows="4" placeholder="Enter Storyline" required></textarea>
    </div>
  </div>
  <div class="form-group">
    <label for="newImage" class="col-sm-3 control-label">Movie Cover URL</label>
    <div class="col-sm-9">
      <input type="text" id="newImage" class="form-control" name="movie_img" placeholder="Enter URL" required>
    </div>
  </div>
  <div class="form-group">
    <label for="movieRating" class="col-sm-3 control-label">Rating</label>
    <div class="col-sm-9">
      <select id="movieRating" name="movie_rating" class="form-control" required>
        <option value="G">G</option>
        <option value="PG">PG</option>
        <option value="PG-13">PG-13</option>
        <option value="R">R</option>
        <option value="NR">NR (Not Rated)</option>
      </select>
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-3 col-sm-9">
      <button type="submit" class="btn btn-success">Add Movie</button>
    </div>
  </div>
</form>

我尝试使用各种代码来尝试获取值,这里是一个示例: <?php echo $_GET['search_results_title'];?>

我还发现了这样的示例:如何将表单的值传递给另一表单?但是,我的表单在同一页面上,而不是不同的页面。

ioums

正如我在评论中所说,您只想将ajax调用更改为以下内容:

$.ajax({
        url: 'http://api.themoviedb.org/3/search/movie?api_key=' + api_key + '&query=<?php echo $squery; ?>',
         dataType: 'jsonp',
         jsonpCallback: 'testing'
      }).error(function() {
         console.log('error')
      }).done(function(response) {
         var i=0;

         $('#newMovieName').val(response.results[i].title);
         $('#movieYear').val(response.results[i].release_date);
         $('#movieBio').val(response.results[i].overview);
         $('#newImage').val('https://image.tmdb.org/t/p/w185' + response.results[i].poster_path);
      });

(我不知道你有关系的response.results[i].vote_countmovieRating

这是一种显示结果的小提琴,尽管由于ajax调用我无法在那里精确复制您的代码

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将一个表单的 $id 传递给另一个表单

来自分类Dev

使用属性将单选按钮的值传递给另一个表单

来自分类Dev

如何将另一个值传递给表单验证方法?

来自分类Dev

通过按钮将表单的背景图像传递给另一个表单?

来自分类Dev

如何访问值表单completionHandler并将其传递给另一个视图IOS

来自分类Dev

如何将表单输入字段传递给 React 中的另一个组件?

来自分类Dev

如何将值从Web表单传递到ASP.NET中的另一个表单?

来自分类Dev

如何使用javascript将表单值传递到另一个文件?

来自分类Dev

将表单值从PHP文件传递到另一个PHP文件

来自分类Dev

用户表单输入一个值,被转换并自动进入另一个表单输入作为值

来自分类Dev

如何将表单数据传递给另一个页面和数据库?

来自分类Dev

如何使用 reactjs 将一个表单值设置为另一个表单值?

来自分类Dev

将一个 Redux 表单值复制到另一个

来自分类Dev

将php变量以表单的形式传递到另一个页面

来自分类Dev

将DataGrid的行传递到另一个WPF表单C#

来自分类Dev

如何将完整的数据集从另一个类传递到表单?

来自分类Dev

将实例变量从另一个模型传递到表单中

来自分类Dev

将变量从主窗口传递到另一个 qt C++ 表单

来自分类Dev

PHP SQL 表单 - 如何将值传递给下一个 Select

来自分类Dev

在另一个表单上打开新表单

来自分类Dev

在另一个表单上打开新表单

来自分类Dev

通过另一个表单(按钮)调用表单

来自分类Dev

如何告诉另一个表单关闭的表单

来自分类Dev

使用 jQuery 将值移动到另一个表单

来自分类Dev

Flutter有条件地渲染2个表单-将表单值复制到另一个表单

来自分类Dev

如何将realmResult转换为数组并传递给另一个活动?

来自分类Dev

自动在表单上填充控件,并在另一个表单上添加控件的值

来自分类Dev

Django-将<select>表单POST数据从一个视图传递到另一个视图

来自分类Dev

无法将文件表单嵌入到Symfony 2.8中的另一个表单

Related 相关文章

  1. 1

    如何将一个表单的 $id 传递给另一个表单

  2. 2

    使用属性将单选按钮的值传递给另一个表单

  3. 3

    如何将另一个值传递给表单验证方法?

  4. 4

    通过按钮将表单的背景图像传递给另一个表单?

  5. 5

    如何访问值表单completionHandler并将其传递给另一个视图IOS

  6. 6

    如何将表单输入字段传递给 React 中的另一个组件?

  7. 7

    如何将值从Web表单传递到ASP.NET中的另一个表单?

  8. 8

    如何使用javascript将表单值传递到另一个文件?

  9. 9

    将表单值从PHP文件传递到另一个PHP文件

  10. 10

    用户表单输入一个值,被转换并自动进入另一个表单输入作为值

  11. 11

    如何将表单数据传递给另一个页面和数据库?

  12. 12

    如何使用 reactjs 将一个表单值设置为另一个表单值?

  13. 13

    将一个 Redux 表单值复制到另一个

  14. 14

    将php变量以表单的形式传递到另一个页面

  15. 15

    将DataGrid的行传递到另一个WPF表单C#

  16. 16

    如何将完整的数据集从另一个类传递到表单?

  17. 17

    将实例变量从另一个模型传递到表单中

  18. 18

    将变量从主窗口传递到另一个 qt C++ 表单

  19. 19

    PHP SQL 表单 - 如何将值传递给下一个 Select

  20. 20

    在另一个表单上打开新表单

  21. 21

    在另一个表单上打开新表单

  22. 22

    通过另一个表单(按钮)调用表单

  23. 23

    如何告诉另一个表单关闭的表单

  24. 24

    使用 jQuery 将值移动到另一个表单

  25. 25

    Flutter有条件地渲染2个表单-将表单值复制到另一个表单

  26. 26

    如何将realmResult转换为数组并传递给另一个活动?

  27. 27

    自动在表单上填充控件,并在另一个表单上添加控件的值

  28. 28

    Django-将<select>表单POST数据从一个视图传递到另一个视图

  29. 29

    无法将文件表单嵌入到Symfony 2.8中的另一个表单

热门标签

归档