php输入框怎么设置模糊提示

• 

  fiy

  Worktile&PingCode市场小伙伴

  评论

  在PHP中，要设置输入框的模糊提示，可以使用JavaScript和Ajax来实现。以下是一种常用的实现方法：

  Step 1: 创建一个输入框和一个用来显示模糊提示的下拉框。

  “`html
  

  “`

  Step 2: 编写JavaScript函数，使用Ajax从服务器获取模糊提示的数据。

  “`javascript
  function showHints(str) {
  if (str.length == 0) {
  document.getElementById(“hintBox”).innerHTML = “”;
  return;
  } else {
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
  document.getElementById(“hintBox”).innerHTML = this.responseText;
  }
  };
  xmlhttp.open(“GET”, “get_hints.php?q=” + str, true);
  xmlhttp.send();
  }
  }
  “`

  Step 3: 创建一个用来处理模糊提示的PHP文件（例如get_hints.php），用于从数据库或其他数据源获取模糊提示的数据，并将其返回给客户端。

  “`php
  ” . $hint . “

  “; // 发送模糊提示的数据给客户端
  }
  }
  }
  ?>
  “`

  以上就是使用PHP、JavaScript和Ajax来设置输入框的模糊提示的基本步骤。可以根据实际需要进行适当的修改和调整。

  赞同 2年前 0条评论
• 

  worktile

  Worktile官方账号

  评论

  在PHP中，可以使用Ajax和jQuery来实现输入框的模糊提示。下面是实现的步骤：

  1. 创建一个包含输入框的HTML页面。例如，我们可以在一个表单中添加一个输入框：

  “`html

  “`

  2. 添加一个jQuery库和一个自定义的JavaScript文件到HTML页面中，以实现Ajax请求和处理返回的数据。确保在加载jQuery之前引入这些文件。

  “`html
  
  
  “`

  3. 在JavaScript文件（例如script.js）中使用Ajax和jQuery来发送异步请求，以获取模糊提示的数据。然后，将返回的数据显示在页面上。

  “`javascript
  $(document).ready(function(){
  $(‘#search’).keyup(function(){
  var query = $(this).val();
  if(query != ”){
  $.ajax({
  url: ‘search.php’, // 这是一个处理搜索请求的PHP文件
  method: ‘POST’,
  data: {query:query},
  success: function(data){
  $(‘#search_results’).html(data);
  }
  });
  }
  });
  });
  “`

  4. 在搜索请求的PHP文件中（例如search.php），根据用户的输入查询数据库或其他数据源，并返回模糊匹配的结果。

  “`php
  ‘;
  while($row = $result->fetch_assoc()){
  echo ‘

• ‘.$row[‘name’].’

‘;
}
echo ‘

‘;
?>
“`

5. 最后，使用CSS样式来美化搜索结果的显示，以便用户能够清楚地看到模糊匹配的提示。

“`css
#search_results{
position:absolute;
width:200px;
padding:0;
list-style:none;
background-color:white;
border:1px solid black;
}
#search_results li{
padding:5px;
cursor:pointer;
}
#search_results li:hover{
background-color:lightgray;
}
“`

通过以上步骤，你就可以实现一个带有模糊提示的输入框了。用户在输入框中输入内容时，会自动发送Ajax请求到搜索请求的PHP文件中进行模糊匹配，并将匹配的结果显示在页面上。用户可以通过点击提示的结果来进行选择。