選擇2的jQuery在選項

顯示圖像的工具提示懸停需要在工具提示上懸停顯示每個選項的值數據-ID選擇2的jQuery在選項

<select id="example"> 
    <option value="AA" data-id="143">AA</option> 
    <option value="BB" data-id="344">BB</option> 
    <option value="CC" data-id="773">CC</option> 
</select>

我使用選擇2 https://select2.github.io/examples.html 請幫助！

來源

2015-08-28 smrutiranjanpanda

還有，你試過嗎？ – Cosmin

我試過，但無法找到 $（「＃example」）。select2（）; （'＃example'）。on（'change'，function（）{（'＃theAnswer'）。text（$（'＃example option：selected'）。attr（'data-id'）））; }）; – smrutiranjanpanda

您應該重命名data-id到title，或者您$("#example").select2();之前運行以下命令：

$("#example option").attr('title', function() { 
    return $(this).attr('data-id'); 
});

來源

2015-08-29 19:54:37 uri2x

我需要這個工具提示 – smrutiranjanpanda

這將讓你的工具提示data-id。只需將鼠標懸停在選項上方即可看到它。如果你想要一個更好看的工具提示，你可能想要考慮添加[jQuery UI的工具提示]（https://jqueryui.com/tooltip/）（一個簡單的命令在你的初始化將做的伎倆）。 – uri2x

使用'標題'解決了我，謝謝。 – Bertie92

選擇2的jQuery在選項

回答

相關問題