如何製作一個<select>標籤項目可拖動？

我嘗試了很多努力來搜索一個選擇列表可拖動，但無法找到任何東西。任何人都可以告訴我該怎麼做？檢查此代碼。 http://jsfiddle.net/Nj5Rj/如何製作一個<select>標籤項目可拖動？

HTML：

<select id="draggable" multiple="multiple"> 
<option value="1">foo</option> 
<option value="2">bar</option> 
<option value="3">foobar</option> 
<option value="4">foobarbaz</option> 
</select>

的jQuery：

$(function() { 
    $("#draggable").draggable(); 
    });

來源

2014-07-10 Kunal

jQuery Draggrable

通過使用jQuery，你可以達到你想要的東西。

簡單的語法：

於JavaScript：

$(function() { 
    $("#draggable").draggable(); 
    });

對HTML：

<div id="draggable" class="ui-widget-content"> 
    <p>Drag me around</p> 
</div>

的jQuery的UI的完整的API參考可拖動參考This

可以從jQuery-ui下載jquery-ui並選擇com ponents適合您的需求

來源

2014-07-10 09:16:47 Yaje

我知道這一點。但它不會在選擇標籤上工作。 – Kunal

你應該首先在你的問題上說明它。另外，你的小提琴沒有設置正確 – Yaje

我很抱歉你知道可以做些什麼嗎？ – Kunal

<select multiple="" title="" class="" id="anyid" name="rm[a][]"> 
<option value="90" >a</option> 
<option value="91">b</option> 
<option value="92">c</option> 
</select> 
<br/> 

var user = 'user' 
$("#anyid").each(function() { 
    $(this).click(function() { 
      var name = $(this).parent().attr('name'); 
      var str1 = $(this).parent().attr('id').replace("fm_", " "); 
      requestString = str1.replace(/_/g, " "); 
      console.log('<b>'+requestString+ '</b> : user is ->'+ user+ '<br/>'); 
      $('body').append('<b>'+requestString+ '</b> : user is ->'+ user + ' <br/>'); 
    }); 
});

http://jsfiddle.net/r4zq2/

來源

2014-07-10 09:21:29 Cerebus1504

這是什麼？它是如何工作的？ – Kunal

如何製作一個<select>標籤項目可拖動？

回答

相關問題