複製文本到剪貼板不適用於多個記錄

在上面的圖像是我想要做的....我需要IP複製到剪貼板時，用戶單擊按鈕，但每次我點擊任何每個IP連結的本按鈕，只有1號IP被複制，而我要複製的IP旁邊的按鈕.....複製文本到剪貼板不適用於多個記錄

這裏是我的代碼：

@foreach ($name as $card) 
    <li class="list-group-item"><span id="copy2">{{ $card->vhackIP }}</span> | {{ $card->name }} | {{ $card->description }} 
     <button class="btn btn-success btn-xs" data-clipboard-target="#copy2">Copy IP</button> 
    </li> 
@endforeach

每次只有第一個IP被複制....如果有人可以幫助我或告訴我另一種方式來實現它，我會app請回顧....謝謝。

來源

2016-12-07 xTMx

問題似乎是<button>的<span id="copy2">和data-clipboard-target屬性，因爲它們是硬編碼的，並且對於每個$card都不是動態的。整個列表中的id和data-clipboard-target的值是相同的。試試這樣的：

@foreach ($name as $card) 
    <li class="list-group-item"><span id="copy{{ $card->id }}">{{ $card->vhackIP }}</span> | {{ $card->name }} | {{ $card->description }} 
     <button class="btn btn-success btn-xs" data-clipboard-target="#copy{{ $card->id }}">Copy IP</button> 
    </li> 
@endforeach

來源

2016-12-07 11:18:46

複製文本到剪貼板不適用於多個記錄

回答

相關問題