Javascript 如何从jquery可选小部件中获取选定值
一旦用户从小部件中选择一个框,我就不知道如何从所选元素获取数据 我正在使用jquery中的可选小部件: 我的html:Javascript 如何从jquery可选小部件中获取选定值,javascript,jquery,Javascript,Jquery,一旦用户从小部件中选择一个框,我就不知道如何从所选元素获取数据 我正在使用jquery中的可选小部件: 我的html: <ol id="Numbers"> <li class="ui-state-default">1</li> <li class="ui-state-default">2</li> <li class="ui-state-default"&g
<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>
}如果你说你想用它做什么,那会有帮助:
不知道如果没有更多关于你要完成什么的信息,你会得到多少帮助
<head>
<script>
$( "#Numbers" ).selectable({
selected: function( event, ui ) {}
});
$( "#Numbers" ).on( "selectableselected", function( event, ui ) {} );
</script>
</head>
$(“#数字”)。可选({
已选择:函数(事件,ui){}
});
$(“#数字”)。关于(“selectableselected”,函数(事件,ui){};
我很难理解传递给它的两个对象以及如何正确使用它们。我知道文档在那里,但在指向事件对象的链接中没有选择,ui链接将我发送到有关对象的一般信息,我不知道ui对象中有什么。其他人帮我理解了一些代码。谢谢你的有用提示。谢谢你使用省略号拯救了这一天。谢谢你的帮助。当用户单击其中一个选项时,我希望它抓住他们选择的选项,并根据数字选择更改一些内部html。感谢您的帮助,我非常感谢。请尝试查找有关delegate()和on()函数的更多信息。现在,我只是想理解为什么文档中列出了这两部分代码,因为我只在(“selectableselected”,function(event,ui){console.log(ui.selected)});根本不需要输入第一段代码。
$( "#Numbers" ).selectable({
selected: function( event, ui ) {
var el = $(ui.selected);
var num = el.html();
$('#result').html("You've selected "+num);
}
});
<head>
<script>
$( "#Numbers" ).selectable({
selected: function( event, ui ) {}
});
$( "#Numbers" ).on( "selectableselected", function( event, ui ) {} );
</script>
</head>
$("#Numbers").on('click', '.ul-state-default ', function(){
alert($(this).val());
})