php - 如何将标签及其内容隐藏在另一个标签中

Question

在我的网络应用程序中，我有一个通过查询 MySQL 生成的选择菜单，我想在其中显示一些供应商的信息。在里面我还需要有供应商的 ID(这样如果用户点击行而不是显示街道地址)但我不希望将 ID 显示给用户。这是我用 php 在服务器端尝试过的:

$value = $value."<p style='display:none;'>".$single["vendor_id"]."</p>";

但它不起作用。为该行生成的 HTML 是:

<li class="ui-menu-item" id="ui-id-6" tabindex="-1">
    PANNA - LE MUCCHE DI GUGLIELMO - (LATTICINI) - LE MUCCHE 
    <p style='display:none;>1</p> 
    (33.543 Km)
</li>

显示了这个

这是我从 php 得到的:

$ris2[] = array(
            "value" => $value,
            "id" => $id,
            "venditore_id" => $single['venditore_id']
);

这是客户端的 Ajax 调用:

$( "#tags" ).autocomplete({
        minLength: 2,
        source: function (request, response) {

            $.ajax({
                url: "http://lainz.softwebsrl.it/ajax/autocompletecibo",
                dataType: "json",
                crossDomain: true,
                type : 'post',
                data:
                {
                    valore: request.term+","+localLocation,
                },
                success: function (data)
                {
                    console.log(data);
                    response(data);
                }
            });
        },

这是 autocompletecibo.phtml Ajax 指向的目标:

<?php 
  $data = $_GET;
  $data1 = $_POST;
  json_encode($data);
?>

我真的不知道在哪里检索那个关联数组 php...我只知道所有内容都在 value 中在数组中将显示为 <li> 中的行元素。

Answer 1

如果您不能修改生成的 HTML，您可以在绑定(bind)任何监听器或插件之前通过 jQuery 更改内容:

$('li.ui-menu-item').each(function(i, elm) {
    elm = $(elm);
    var p = elm.find('p');
    elm.data('id', p.text());
    p.remove();
});

然后所有 id 都作为数据属性存储在每个 <li> 中元素。