Скрыть значение HTML внутри поля ввода

Question

Я хотел бы знать, возможно ли мне помочь, пожалуйста.

Это живой поиск ajax, который извлекает информацию из базы данных.Это код php:

<?php
$key=$_GET['key'];
$array = array();
$connection=mysqli_connect("localhost","root","","visitor_signin_app");

$query = mysqli_query($connection, "SELECT * FROM visitors WHERE visitor_first_name LIKE '%{$key}%' AND visitor_visit_status = 'Signed Out'");

while($row = mysqli_fetch_assoc($query)) {
  $array[] = '<span style="display:none; visibility:hidden">'.$row['visitor_id'].'</span>' . ' ' . $row['visitor_first_name'] . ' ' . $row['visitor_last_name'];
}

echo json_encode($array);
mysqli_close($connection);
?>

В массиве я пытаюсь скрыть 'visitor_id', и когда я начинаю вводить имя в поле ввода, он отлично работает, когда он показывает только имя и фамилиюимя, но как только я выбираю имя, которое отображается в раскрывающемся списке, он вставляет

<span style="display:none; visibility:hidden">1</span>

Поэтому мой главный вопрос: можно ли скрыть HTML, который я не хочу отображать в поле ввода, кромезначение должно быть добавлено с именем, которое выбирается.Любой совет будет с благодарностью.Спасибо

Это ссылка, по которой я получил код: https://codeforgeek.com/2014/09/ajax-search-box-php-mysql/

Я хотел бы получить всю информацию от зарегистрированного лица, которая была выбрана в раскрывающемся списке, и добавить ее какновая запись в базе данных.

Answer 1

Ваш вопрос немного сбивает с толку, чтобы понять, но если я прав, то вам нужно иметь скрытое поле ввода, но установить значение поля ввода на основе значения другого поля ввода.

Чтобы сделать это, вы должны присвоить скрытому полю стиль display: none и использовать JavaScript для установки его значения.Как то так:

document.getElementById('inputId').value = 'your data';

Answer 2

Почему бы не использовать HTML input с типом hidden?См. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/hidden

Я думаю, что это сделано именно для ваших целей.