在自动完成中获取数据的ID

坎南·西瓦姆(Kannan Sivam)

我在表单中使用自动完成功能。我从表容器中获取vessel_name。但是我需要表vessel中的vessel_name和vessel_id。我需要vessel_id将数据插入另一个表装置中。

<input type="text" id="vessel_name" placeholder="Vessel Name" class="form-control" name="nam">
 <input type="hidden" id="vessel_id" class="form-control" name="id">



    <script>
             $(function() {
                 var availableTags = <?php include('vname.php'); ?>;
                      $("#vessel_name").autocomplete({
                           source: availableTags,
                           autoFocus:true,
                           minLength:2
                      });
              });
    </script>

vname.php

<?php
            $connection = mysqli_connect("localhost","root","","vasishipping")or die("Error " . mysqli_error($connection));

           //fetch vessel names from the vessel table
           $sql = "select * from vessel";
           $result = mysqli_query($connection, $sql) or die("Error " .mysqli_error($connection));

           $dname_list = array();
           while($row = mysqli_fetch_array($result))
          {
              $vname_list[] = $row['vessel_name'];
              $vname_list[] = $row['vessel_id'];
          }
          echo json_encode($vname_list);
?>
卢安娜·皮门特尔(Luana Pimentel)

我想你availableTags是一维数组。
您可以使用键和值将该数组转换为对象数组:

var availableTags = [
  { key: "1", value: "ActionScript" },
  { key: "2", value: "AppleScript" },
  { key: "3", value: "Asp" }
];

并检索将选择功能添加到自动完成选项的值:

$("#vessel_name").autocomplete({
  source: availableTags,
  autoFocus:true,
  minLength:2,
  select: function(event, ui) {
    $("#vessel_name").val(ui.item.value);
    $("#vessel_id").val(ui.item.key);
  }
});

这是检索两个值示例

编辑:添加PHP更改以availableTags正确格式检索数组

应该更改PHP部分,以提供示例格式的JSON。
只需将其添加到您的while循环中即可:

$vname = $row['vessel_name'];
$vid = $row['vessel_id'];
$variable[] = array( 'key' => "$vid", 'value' => "$vname" )

并返回$variablejson_encode

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在剑道自动完成中获取选定的对象

按名称选择并在角度4材料应用程序的md-自动完成输入中获取ID

如何在IntelliJ中获取Vuetify样式标签自动完成

在zshell中获取pytest自动完成

如何获取选项ID而不是自动完成组件中显示的字符串?

Mapbox-从自动完成结果中获取区域

通过material-ui自动完成获取所选值的“ ID”

在Material-UI自动完成中获取选定的值

输入中的自动完成数据

如何在JQuery自动完成中设置和获取ID

无法获取jQuery自动完成以读取数据的js文件

如何获取正确格式的自动完成数据

jQuery自动完成获取ID作为选定标签

自动完成以获取多个随机ID

从自动完成中获取选定的值,id

使用自动完成的jquery / ajax从php数组获取数据值

插入查询完成后,如何从表中获取自动生成的主键ID?

ajax jquery自动完成从asmx获取数据

使用自动完成功能以angularjs材质从数据库中获取数据

自动完成的jQuery获取ID和名称

如何在 JQuery UI 自动完成中显示名称并获取 id?

如何在程序中获取自动完成jquery ajax的id

在自动完成的 jQuery UI 中显示数据

JQuery 自动完成后获取 ID 的值

从数据库中获取值的代码自动完成显示下拉列表中的所有值

从 Angular Form 获取自动完成表单数据

从数组自动完成并获取相应的id

如何使用javascript在firebase中获取用于获取嵌套数据的自动ID?

无法自动获取数据库中记录的 ID