如何從jQuery UI中獲取值Selectable

我有一個關於Jquery US的問題可選我已經看過這篇文章，但我仍然無法找出問題：How to get the value from jQuery UI selectable in php 我想獲得所有我從表（未索引但值!!）成陣列和比其發送到PHP（通過POST方法）。我準備了小提琴here 如何從jQuery UI中獲取值Selectable

我必須選擇值而不是索引。列表中的例子：

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

從這個名單上有選擇的值。下面的代碼只獲取列表的索引。我想知道如何選擇的價值觀和值發送到同一個文件（「的index.php」）。比如果數組被設置，我可以隨後操縱數據。

$(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文件。

來源

2017-08-24 Sir Rage

你可以從this停止功能裏面的元素引用。基於這一點，您可以訪問使用.attr()的value屬性。例如：

代碼：

$(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後臺

來源

2017-08-24 10:17:46

這個工作的感謝！ –

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

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

我希望作品出來:-)

來源

2017-08-24 10:18:29

如何從jQuery UI中獲取值Selectable

回答

相關問題