Question

我有一个关于Jquery US Selectable的问题我已经查看了这篇文章，我仍然无法找出问题：How to get the value from jQuery UI selectable in php 我想将我从列表中选择的所有值（不是索引而是值!!）放入一个数组中，然后将其发送给PHP（通过POST方法）。我准备了一个小提琴here

我必须选择值而不是索引。列表示例：

<ol id="selectable">
  <li class="ui-widget-content" value='1'>Item 1</li>
  <li class="ui-widget-content" value='2'>Item 2</li>
  <li class="ui-widget-content" value='3'>Item 3</li>
  <li class="ui-widget-content" value='4'>Item 4</li>
  <li class="ui-widget-content" value='5'>Item 5</li>
  <li class="ui-widget-content" value='6'>Item 6</li>
  <li class="ui-widget-content" value='7'>Item 7</li>
</ol>

从这个列表中我必须选择值。下面的代码只获取列表的索引。我想知道如何选择值并将值发送到同一个文件（＆＃39; index.php＆＃39;）。如果数组已设置，我可以随后使用数据进行操作。

$( function() {
$( "#selectable" ).selectable({
  stop: function() {
    var result = $( "#select-result" ).empty();
    $( ".ui-selected", this ).each(function() {
      var index = $( "#selectable li" ).index( this );
      result.append( " #" + ( index + 1 ) );
    });
  }
 });
});

提前感谢您的帮助。我真的很想知道如何将值传递给数组并将其发送到php文件。

Answer 1

您可以从stop函数中的this获取元素引用。在此基础上，您可以使用value访问.attr()属性。例如：

<强>代码：

$(function() {
  $("#selectable").selectable({
    stop: function() {
      var result = $("#select-result").empty();
      $(".ui-selected", this).each(function() {
        result.append(" #" + ($(this).attr("value")));//$(this).attr("value")
      });
    }
  });
});

演示： http://jsfiddle.net/GCu2D/2068/

您可以以任何您想要的方式使用结果的值。您可以使用ajax将这些传递给PHP后端

Answer 2

$(".ui-selected", this).each(function () {

    // this works for me
    result.append("<li>" + $(this).text() + "</li>");
});

我希望这样做： - ）

如何从Jquery UI Selectable获取值

2 个答案: