Question

我正在尝试通过在文本字段中键入其名称，然后更改下面的列表来创建搜索用户的方法。我通过使用datalist看到这样做的最简单方法，但似乎数据主义者的搜索偏离了value，而不是元素的html。

是否可以将搜索从查看value更改为html？

上下文：

<input class="mrg-btm" type="text" placeholder="Search..." list="users" />
  <datalist id="users" name="formSec" required>
    <?php
    $get = $users->prepare("SELECT userID,userFirst,userLast FROM users");
    $get->execute();
    $get->store_result();
    $get->bind_result($userID,$userFirst,$userLast);
    while($get->fetch()) {
    ?>
    <option value="<?php echo $userID; ?>"><?php echo $userFirst. ' ' .$userLast; ?></option>
    <?php
    };
    $get->close();
    ?>
  </datalist>

正如您所看到的，我正在将userID分配给value而不是名称，我希望能够搜索user的名称，而不必把它作为value，这可能吗？

Answer 1

您可以在HTML5中为data-添加前缀，从而在HTML5中构建属性。所以在你的情况下你需要这样做：

<option value="<?php echo $userID; ?>" data-userFirst="<?php echo $userFirst ?>" data-userLast="<?php echo $userLast ?>"><?php echo $userFirst. ' ' .$userLast; ?></option>

现在您可以使用javascript来获取属性的线索。

Datalist搜索innerHTML而不是值？

1 个答案: