如何使用onClickEvent将setAttribute添加到var中

How can I add setAttribute to a var with an onClickEvent?

本文关键字：var 添加 setAttribute 何使用 onClickEvent      更新时间：2023-09-26

我正在使用一个自动完成脚本来创建一个搜索字段，在该字段中我可以搜索从数据库调用的用户列表。当结果显示在下拉列表中时，我希望人们能够点击用户名，并弹出一个包含他们信息的fancybox窗口。以下是我正在使用的脚本：

<!-- Autocomplete search field. -->
<div class="input-group" style="float: right; width: 350px; margin-bottom: 10px;">
    <span class="input-group-addon"><i class="fa fa-fw fa-search"></i></span>
    <input type="text" id="search-tenants" placeholder="Search tenants..."/>
</div>
<script>
    var options = {
        data: [
            <?php 
                foreach ($usersList as $users) { 
                    $count++; ?> '<?=$users->getFirstName()?> <?=$users->getLastName()?>', <? 
                } 
            ?>
        ],
        list: {
            match: { enabled: true },
            onClickEvent: function() {
                $("td.tenant-name .info-card")[0].click();
            },
        }
    };
    $("#search-tenants").easyAutocomplete(options);
</script>

如果我在foreach语句中为结果添加一个锚点和必要的属性（如下所示），则fancybox可以按预期工作，但您可以在输入字段中看到所有代码。

<?php 
    foreach ($usersList as $users) { 
        $count++; ?> '<a class="info-card" data-fancybox-type="iframe" href="users.php?userid=<?=$users->getUserId()?>&mode=view"><?=$users->getFirstName()?> <?=$users->getLastName()?></a>', <? 
    } 
?>

所以我想问：在结果中添加带有类和属性的锚点的正确JavaScript方式是什么？我知道某个地方应该有一个setAttribute，但我不确定在哪里。

您可以使用jQuery appendTo。http://api.jquery.com/appendto/

您将构建您的元素（在本例中为锚点标记），然后将其附加到另一个元素。

$( "<p>Test</p>" ).appendTo( ".inner" );

在本例中，它通过链接将段落元素附加到每个具有类"internal"的元素中。

我希望这能有所帮助。

相关文章：