如何使<select>标签项目可拖动？

我尝试了很多搜索以使Select列表可拖动，但找不到任何内容。有人能告诉我该怎么做吗？检查此代码。http://jsfiddle.net/Nj5Rj/

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();
  });

jQuery可拖动

通过使用jquery，您可以实现您想要的。

简单语法：

关于Javascript：

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

在HTML:上

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

关于jQuery-ui Dragable的完整API参考，请参阅本

您可以从jquery ui下载jquery ui，并选择适合您需求的组件

<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/

相关内容

最新更新

热门标签：