javascript - 获取文本框值而不是自动完成值javascript-6ren

javascript - 获取文本框值而不是自动完成值javascript

转载作者：行者123 更新时间：2023-12-02 16:48:27

25

4

我有一个具有 jQuery 自动完成功能的文本框。我需要的是:当我单击“此标题的电影”按钮时，我希望看到文本框中包含该术语的电影列表(即使在自动完成中找不到)，而我看到电影列表只能通过自动完成选择。

下图显示了我从自动完成列表中选择电影时的情况(效果很好): enter image description here

当我只写一些单词时就是这种情况(例如，如果用户忘记了整个名称或在自动完成列表中找不到):

enter image description here

这是代码:

<script type="text/javascript">
var selected;

$(document).ready(function () {
      $("input[id='selectType']").change(function(){
               if ($(this).val() == "byTitle") {
                    $("#m_scents2").hide();
                    $("#btnMove").show();
                    $("#m_scents").show();
                    $("#q").focus();
                    $("#q").autocomplete({
                        minLength: 0,
                        delay:5,
                        source: "filmsauto.php",
                        focus: function( event, ui ){
                             event.preventDefault(); 
                             return false;
                        },
                select: function( event, ui ) {
                               window.selected = ui.item.value;
                        }
                    });
  }
$('#btnMove').on('click', function (e) {
           popupCenter("movieBytitle.php","_blank","400","400");
  });

这是 movieBytitle.php:

<script type="text/javascript">
 var selected = parent.window.opener.selected; 
 $.ajax({
         url: 'childfilm.php',
         datatype: "json",
         data:{p:selected},
         success: function(response) {      
                     $("#field").html(response);
                   }
        });

</script>

这是 childfilm.php:

if(isset($_GET['p']) && !empty($_GET['p'])){
    include('imdbConnection.php');
    $query = $conn->prepare("SELECT DISTINCT movieName, year, posterLink FROM film_info WHERE movieName LIKE :p");
    $query->execute(array(':p' => '%'.$_GET['p'].'%'));
}
?>

<html>
<head>
....
</head>

<body>
 <div class= "movielist"> 
  <table id= "films">
    <tr>
        <th></th>
        <th>year</th>
        <th>Title</th>
    </tr>
    <?php while($row = $query->fetch(PDO::FETCH_ASSOC)): ?>  //THIS IS LINE 53 WHERE THE ERROR IS SHOWN IN THE SECOND IMAGE
    <tr>
        <td><img class='imdbImage' id="image" src='imdbImage.php?url=<?php echo $row['posterLink']; ?>' alt="" /></td>
        <td><label id='year'><?php echo $row['year']; ?> </label></td>

        <td><a href="movie.php?title=<?php echo urlencode($row['movieName']); ?>"><?php echo $row['movieName']; ?></a></td>

    </tr>
    <?php endwhile; ?>
  </table>    
 </div>
</body>
</html>

有人可以告诉我如何获取文本框值而不是自动完成值吗？

更新:最终解决方案

由于问题太长，最终的解决方案是在评论中实现的，我在这里更新了答案:感谢@lolka_bolka，这终于帮助了我:将 p 的值更改为 --> ($(' #q').val()) 而不是传递选定的自动完成文本..:)

最佳答案

编辑:

根据OP更新，我们在评论中进行了对话，请阅读。

我认为，你的问题是，如果没有 $_GET["p"]，那么 $query 将不存在，所以你可以不要将其用作对象。

<html>
    <head>
        ....
    </head>
    <body>
        <div class= "movielist"> 
            <table id= "films">
                <tr>
                    <th></th>
                    <th>year</th>
                    <th>Title</th>
                </tr>
                <?php
                if (isset($_GET['p']) && !empty($_GET['p'])) {
                    include('imdbConnection.php');
                    $query = $conn->prepare("SELECT DISTINCT movieName, year, posterLink FROM film_info WHERE movieName LIKE :p");
                    $query->execute(array(':p' => '%' . $_GET['p'] . '%'));
                    if ($query->rowCount()) {
                        //If there are no $_GET["p"] then there wont be $query,
                        //So you can not fetch it!!!
                        while ($row = $query->fetch(PDO::FETCH_ASSOC)):
                            ?> 
                            <tr>
                                <td><img class='imdbImage' id="image" src='imdbImage.php?url=<?php echo $row['posterLink']; ?>' alt="" /></td>
                                <td><label id='year'><?php echo $row['year']; ?> </label></td>

                                <td><a href="movie.php?title=<?php echo urlencode($row['movieName']); ?>"><?php echo $row['movieName']; ?></a></td>

                            </tr>
                            <?php
                        endwhile;
                    } else {
                        echo '<td colspan="3">Sorry, there are no film like this</td>';
                    }
                }
                ?>
            </table>    
        </div>
    </body>
</html>

关于javascript - 获取文本框值而不是自动完成值javascript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26908215/

25

4

0

文章推荐： javascript - 我无法在 javascript 中获取图像的 id

文章推荐： asp.net - ASP.NET 服务器控件中的默认值

javascript - 将数据从应用程序组件[文本框]传递到网站组件[文本框]
我正在为一个网站开发应用程序(我无法访问该网站)。所以我想做以下事情: 那么如何将文本数据从 Android View 传递到网页中的文本框并捕获来自网站的响应？我试图记住这一切我无法访问任何网站
Silverlight 文本框
我有一个文本框，里面有一个很长的 url。我想做的是，当用户点击主页按钮时，我希望光标移动到文本框的开头。我希望这是正常行为，但事实并非如此，当文本框内的文本很长时，我点击回家，它会转到文本框中当前
带有图像的 WPF 文本框
我正在做一个WPF登录界面。在我的登录面板中，我有一个登录 TextBox和 PasswordBox .如下图第一张所示，登录文本框中有一个小人类标志，密码框中有一个锁。我将图像设置为文本框背景，然后
wpf - 文本框 - 水平文本居中
是否有任何简单的方法可以使文本在文本框中居中？我正在寻找一些内置函数，但什么也没找到。最佳答案将 TextAlignment 属性设置为 Center: 关于wpf - 文本框 - 水平文本居中
Powershell 文本框 SecureString
是否可以使用 System.Windows.Forms.TextBox(或任何其他方法)输入可随后转换为安全字符串的文本？我希望能够获取输入的值，将其转换为安全字符串并将其写入一个文件，然后可以在需要
Powershell 文本框 SecureString
是否可以使用 System.Windows.Forms.TextBox(或任何其他方法)输入可随后转换为安全字符串的文本？我希望能够获取输入的值，将其转换为安全字符串并将其写入一个文件，然后可以在需要
java - Android 文本框
我想将纬度和经度的值返回到我的 EditText 中，我已经能够使用 Toast 来做到这一点，但没有通过实现它>编辑文本。请帮忙 // EditText latEditText =
Jquery Iframe 文本框
我是Jquery新手，其实我对JQuery的使用知识是0。我正在尝试使用 JQuery 来实现某些功能。我有一个带有 iframe 的 html 页面。 iframe 页面中有一个表单和一个文本框。
c# - 在动态创建的事件处理程序中访问动态创建的控件(文本框)
我正在尝试在 Button 的事件处理程序中访问我在 C# 中动态创建的 TextBox。 void MainFormLoad(object sender, EventArgs e)
javascript - 文本框 -> 立即开始输入而不是单击文本框
我有一个搜索栏，当我打开搜索栏时，我想立即开始输入，不想点击文本框。我尝试使用 myTextBoxId.click()(因为当您单击它时，您可以开始输入)但它不起作用。最佳答案你必须 docum
Javascript 文本框 "Scrubber"
我还没有找到好的解决方案:我有一个文本框，用户需要能够在其中输入特定信息。例如，命令可能是“9030 OUT FU [1234 TEST]”。我需要“擦洗”这个文本框以确保数据是以这种格式输入的(不
Java 文本框 - 将字节转换为字符串
我有一个 Java 应用程序，您可以在其中将字符串输入文本框，点击加密，它会在单独的文本框中显示加密的字符串。我将为此使用 AES 加密。问题是我无法让加密文本按字节显示，但文本框不会显示字节(仅采用
html - 文本框，将文本带到文本框中的下一行
我已经浏览了您庞大的问题数据库，但似乎没有找到答案。我在将文本换行时遇到问题 - 即使之前的行上仍有空间。这是代码: p1 { border-left: 6px solid blue; bac
javascript - 如何触发按钮打开用户输入/文本框
所以我正在尝试创建“看板/待办事项列表”网站，但我在触发添加按钮时遇到了问题。我试图触发“添加”按钮以打开用户输入框。所以我有这个创建一个小框的“添加”按钮。但我无法弄清楚如何在该框中添加一个小区域，
javascript - JavaScript 文本框
我有一个文本框，应该只接受浮点值。它不应该允许任何其他值。怎么做。我在 HTML 中完成了此操作。 Weight 但是，它不起作用？如何做到这一点。最佳答案 // remo
javascript - 文本框 - 如何不显示已填充的值
当用户点击文本框时，如何不显示出现在文本框下方的已填充值最佳答案将这个属性放在你的文本框中 autocomplete="off" 关于javascript - 文本框 - 如何不显示已填充的值，我
javascript - flex 文本框
JavaScript: function resize(elem){ if(!elem.value.length) elem.size=1; else elem.size=elem.value
带有两个按钮的 HTML 文本框
在我的代码下面，我需要它具有相同的宽度和高度，但有多行“从第一行开始”，当到达行尾时转到新行，只有 120 个字符，就像我用“Enter短信”当您向右单击时隐藏，但我需要它为灰色。最佳答案您可以使
C#、文本框、.NET
我有一个问题，我必须创建一种方法来搜索显示在多个文本框 (lblResult.Text) 中的选定文本文件的内容。使用简单的搜索算法:搜索用户输入的整个搜索词。例如，如果用户输入“hello”，则只搜
c# - 文本框.SelectionStart
我正在尝试对文本框使用 SelectionStart 和 SelectionLength 属性。它没有效果，但也没有错误。它实际上是后台工作程序 ProgressChanged 方法的一部分，但我已经

首页

博学

6Ren·AI

商城

javascript - 获取文本框值而不是自动完成值javascript

更新:最终解决方案