Question

如果动态创建列表，如何获取可选列表中项目的“id”？

  <ul id="selectable">
  <li id='1'>..</li>
      .
      .
      <li...
  </ul>

我尝试var num = $('#selecable :selected').attr( "option" , 'id' );但只获得[object Object] ...

什么是正确的方法？

Answer 1

<强>更新

为了完整性，如果选择了一个元素，插件会向该元素添加一个类ui-selected。因此，您可以通过以下方式获取当前所选元素的ID：

$('#selectable .ui-selected').attr('id');

但请注意，可以选择多个元素。

jQuery UI可选插件calls a callback whenever you select an element，您只需提供它：

$("#selectable" ).selectable({
   selected: function(event, ui) { ... }
});

那就是说，正如尼克已经提到的，身份证不能以数字开头。

:selected仅适用于option元素。

Answer 2

此版本不需要特定的类名。使用$(ui.selected).attr('id')获取（最后）所选元素的ID：

$( "#selectable" ).selectable({
    selected: function(event, ui) {
        alert( $(ui.selected).attr('id') );
    }
});

Answer 3

所选ID的列表将是：edit：better methinnks

$('#selectable').selectable(function(){
    selected:function(){ 
        var idlist = $(this).attr('id');
        //do something with the list...of id's
    }
});

Answer 4

jQuery('#selectable').selectable(function(){
    selected: function(event, ui)
    {
     jQuery(".ui-selected", this).each(function() 
     {
          var objID=jQuery(this).attr("id");
     });
    }
});

Answer 5

jQuery('#selectable').selectable( function() {
    selected: function(event, ui)
    {
        alert(ui.selected.id);
    }
});

Answer 6

检查一下..

  $( ".ui-selected", this ).each(function() {
   var index = $( "#selectable li" ).attr(id);

    });

Answer 7

<script>
$(function () {
    $("#selectable").selectable({
        selected: function () {
            var id = $(".ui-selected", this).attr("id");
            //alert(id);
        }
    });
});

jquery ui selectable get id？

7 个答案: