如何从 jquery 可选小部件中获取选定的值
[英]How to get selected value from jquery selectable widget
问题描述
I can't figure out how to get data from the selected element once a user selects a box from the widget.
一旦用户从小部件中选择了一个框，我就无法弄清楚如何从所选元素中获取数据。
I'm using the selectable widget from jquery: https://jqueryui.com/selectable/#display-grid我正在使用 jquery 的可选小部件： https : //jqueryui.com/selectable/#display-grid
my html:我的html：
<ol id="Numbers">
<li class="ui-state-default">1</li>
<li class="ui-state-default">2</li>
<li class="ui-state-default">3</li>
<li class="ui-state-default">4</li>
<li class="ui-state-default">5</li>
<li class="ui-state-default">6</li>
<li class="ui-state-default">7</li>
<li class="ui-state-default">8</li>
<li class="ui-state-default">9</li>
<li class="ui-state-default">10</li>
</ol>
I don't understand how to use the selected api at: https://api.jqueryui.com/selectable/#event-selected我不明白如何使用选定的 api： https : //api.jqueryui.com/selectable/#event-selected
Tried to use an onclick on the li's but that didn't seem to work:试图在 li 上使用 onclick 但这似乎不起作用：
function testvar() {document.getElementByClass('.ui-selected').innerHTML = "CLICKED ME!";
} }
3 个解决方案
解决方案1
0 已采纳 2015-06-24 22:53:31
It would help if you said what you want to do with it:如果你说你想用它做什么会有所帮助：
http://jsfiddle.net/MfegM/2088/ http://jsfiddle.net/MfegM/2088/
$( "#Numbers" ).selectable({
selected: function( event, ui ) {
var el = $(ui.selected);
var num = el.html();
$('#result').html("You've selected "+num);
}
});
解决方案2
0 2015-06-24 22:59:35
Not sure how much help you'll get without more info on what you're trying to accomplish...如果没有有关您要完成的工作的更多信息，不确定您将获得多少帮助...
<head>
<script>
$( "#Numbers" ).selectable({
selected: function( event, ui ) {}
});
$( "#Numbers" ).on( "selectableselected", function( event, ui ) {} );
</script>
</head>
解决方案3
0 2015-06-24 23:00:48
$("#Numbers").on('click', '.ul-state-default ', function(){
alert($(this).val());
})
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.