Question

我尝试了很多搜索使可选择列表可拖动但无法找到任何东西。有谁能告诉我该怎么做？检查此代码。 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();
  });

Answer 1

jQuery Draggrable

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

简单语法：

on Javascript：

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

HTML上的

：

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

有关jQuery-ui Draggable的完整API参考，请参阅This

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

Answer 2

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

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

2 个答案: