Question

我创建了一个连接到API并使用电影信息的网站。问题在于，我无法将在搜索栏上添加的输入添加到变量中，以便将其用作链接中的队列并获取适当的结果。

我试图使用所有可能的方法，以便从输入中获取值，但是我可能会遗漏一些东西。

<form action="search.php" class="search-form" name="fetch">
  <input type="text" id="term" placeholder="Search Movies..." required>
  <button type="button" onclick="getMovie()"><i class="fa fa-search"></i> 
  </button>
</form>

<script src="js/searchMov.js"></script>



$(function getMovie() {
    var query = document.getElementById("term").value;
}

我希望搜索输入的值。

Answer 1

如果您使用的是jQuery，正确的方法就像

  $(function(){  
  $('#getMovie').click(function(){
     var query =$('#term').val();
    console.log(query);
  })
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form action="search.php" class="search-form" name="fetch">
  <input type="text" id="term" placeholder="Search Movies..." required>
  <button type="button" id="getMovie"><i class="fa fa-search"></i> 
  </button>
</form>

无法从搜索输入中获取值

1 个答案: