如果我选择了某些内容,如何填写输入文件

时间:2018-02-23 22:56:47

标签: jquery select input autocomplete

我是初学者,现在我只是搜索和复制粘贴程序员。我是elektrician,我试着写的是我的爱好。

您能帮我解决表单功能吗?在表测试中我必须行。我测试了自动完成功能。有用! 但是如果我从select字段中选择一个名称,请告诉我如何将surneme添加到姓氏输入文件中。我读了一些关于隐藏文件的内容,但这不符合我的情况。

我理解Php和mysql,但javascript和ajax和jquery没那么多。

表中包含列ID,名称,姓氏。

我有HTML代码:

 <html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
$(function() {
    $( "#name" ).autocomplete({
        source: 'search.php'
    });
});
</script>

</head>
<body>
 <table>
    <tr>
        <th>Name</th>
        <th>surname</th>
    </tr>
    <tr>
    <td><input id="name"> </td> 
    <td><input id="surname"></td>
 <table>
</body>
</html>

和search.php。我删除了负责连接mysql的代码。

<?php
    $searchTerm = $_GET['term'];
    $query = "SELECT id,  name FROM t_simpel WHERE name  LIKE '%".$searchTerm."%' ORDER BY name ASC";

    if ($result = $mysqli->query($query)) {
        while ($row = $result->fetch_assoc()) {
            $data[]  = $row['name'] ;
            }   
        echo json_encode($data  ) ;  
        }
    $mysqli->close(); 
?>

当我在选择列表中选择#name时,我不知道如何在输入#surname时添加姓氏。

修改

我试过了your solution。它有效,但不是我想要的。 我会再试一次解释我想写的东西.. 我用列id,name,surname创建表。 我想创建表单wchich给我posibility添加新行+删除行。这部分代码我有并且工作正常。我从互联网上的一个教程中学到了它。 现在我想创建一些表格,让我能够生成列表(表格)。 这个列表我应该可以编辑。 我这样看: 我在这个新行添加新行和下一个我开始写名字的第一个字母,然后从列表中我想选择一个人。名称和姓氏应加载到输入字段和隐藏输入中的id。 我选择了输入文件,因为我希望能够编辑此名称和姓氏文件。

现在,当我尝试添加更多名称归档以选择statemend时 - 自动完成功能无效。

当我添加你的代码时 - 将这个从姓氏中添加的值添加到提交名称。

你能帮帮我吗?可能我会问你关于现成的解决方案,但我真的很想理解它。

1 个答案:

答案 0 :(得分:0)

使用“自动完成”更改字段时,可以使用change事件执行操作。这会将姓氏附加到您从完成菜单中选择的名称。

$(function() {
  $("#name").autocomplete({
    source: 'search.php',
    change: function() {
      this.value = this.value + " " + $("#surname").val();
    }
  });
});