Question

上面是下拉列表，单击列表时，其值将与图像一起显示在上方的字段中（即按钮btw）。我已经实现了显示文本，但是似乎无法显示图像。这是我在下面的标记...

<button type="button" onclick="showbanks(); return false;" name="button" class="banknam btn dropdown-toggle center-right glyph form-control d-inline-block" data-toggle="dropdown-menu" aria-haspopup="true" aria-expanded="false">广东</button>
    <ul class="dropdown-menu menu-banknam">
    @foreach (array_slice($chosen_bank,0,5) as $index =>$bank)
        <li value="{{$bank}}" onclick="clickbanks(); return false;">
            <span class="bankimg d-inline-block"><img src="{{ asset($chosen_bankimg[$index]) }}" alt=""></span>
            <span class="bank_nam d-inline-block">{{ $bank }}</span>
        </li>
    @endforeach
    </ul>

...还有我的功能...

function clickbanks(){
    $(".menu-banknam li").click(function(){
        $(this).parents(".bb-container").find('.banknam').html($(this).text());
        return false;
    });
}

有什么办法可以做到这一点？谢谢。

Answer 1

使用.html()代替.text()来获得li的全部内容，而不仅仅是文本。

例如

$(this).parents(".bb-container").find('.banknam').html($(this).html());

每次单击li时，您还将为其分配新的点击事件。

您应该删除clickbanks函数，而在文档准备好后为click事件分配一次。您还必须将其从onclick的{{1}}属性中删除。

例如

li

单击列表时显示所有数据以及图像/图标

1 个答案: