Javascript滾動選擇喜歡的按鈕

我需要添加一個喜歡的按鈕，可以打開和關閉標準選擇中的每個選項。我正在使用Bootstrap來選擇樣式。具體來說，我需要創建一個UI元素，當我滾動到一個新元素時，允許我滾動選項並處理事件。我想擴展它以在每個選項的左側包含切換按鈕，因此我可以將選項標記爲「最喜歡的」。Javascript滾動選擇喜歡的按鈕

HTML

<form> 
    <select id="scrollbox" multiple class="form-control target"> 
     <option>Option 1</option> 
     <option>Option 2</option> 
     <option>Option 3</option> 
     <option>Option 4</option> 
     <option>Option 5</option> 
    </select> 
</form> 

<div id="other"> 
    Trigger the handler 
</div>

JAVASCRIPT

$(".target").change(function() { 
    var e = document.getElementById("scrollbox"); 
    document.getElementById("other").innerHTML = e.value; 
});

如何添加收藏夾按鈕，可以打開和關閉被切換到每個選項？我願意接受模擬此行爲的替代工具。

來源

2014-06-23 Tarif Haque

什麼叫「收藏夾按鈕」是什麼意思？ – Oliboy50

所以，當你滾動到某個點時，它會選擇其中一個 – Hive7

通過「最喜愛的按鈕」，我的意思是我可以添加到每個可以切換（最喜歡）和關閉（不幸）的選項的按鈕。我應該能夠處理一個事件，當一個選項是favus /不合時宜的。 –

也許你的意思是這樣的嗎？在div上有一個複選框，用戶點擊選項並且類觸發你的事件？在活動內部，您可以使用「this」關鍵字來引用被點擊的項目。

jsfiddle demo

HTML

<form> 
     <div id="scrollbox" class="" sytle="display: block"> 
      <div id="1">Option 1 <input type='checkbox' class='handleFavorite'>Favorite</div> 
      <div id="2">Option 2 <input type='checkbox' class='handleFavorite'>Favorite</div> 
      <div id="3">Option 3 <input type='checkbox' class='handleFavorite'>Favorite</div> 
      <div id="4">Option 4 <input type='checkbox' class='handleFavorite'>Favorite</div> 
      <div id="5">Option 5 <input type='checkbox' class='handleFavorite'>Favorite</div> 
     </div> 
    </form>

$(".handleFavorite").click(function(){ alert('you clicked me')});

來源

2014-06-23 19:19:15 olingern

這不是我要找的。切換按鈕應與選擇框中的每個選項關聯。現在，如果您可以將select中的每個選項旁邊的複選框放在一起，那更像我正在尋找的東西。 –

Javascript滾動選擇喜歡的按鈕

回答

相關問題