![]() |
气宇轩昂的铁链 · Android零基础入门第89节:Fragm ...· 1 年前 · |
![]() |
失恋的煎鸡蛋 · 网络测量工具集合(ZMap、XMap、sca ...· 2 年前 · |
![]() |
重感情的手术刀 · [Solved] ...· 2 年前 · |
我有一个php生成的列表,其列表项可以使用jquery可选小部件进行选择。所有意图和目的的列表如下:
<ul id="#select-image">
<li class="ui-widget-content">Item 1</li>
<li class="ui-widget-content">Item 2</li>
<li class="ui-widget-content">Item 3</li>
<li class="ui-widget-content">Item 4</li>
<li class="ui-widget-content">Item 5</li>
<li class="ui-widget-content">Item 6</li>
<li class="ui-widget-content">Item 7</li>
</ul>
并将jQuery可选择项声明为:
<script>
$(function() {
$("#select-image").selectable({
selected: function( event, ui ) {
var $variable = $('.ui-selected').innerHTML;
console.log($variable);
</script>
在输出到浏览器控制台的示例中,事件在选择列表项之后发生。然而,输出是“未定义的”。选择器
$('.ui-selected').
是正确的,因为它在浏览器控制台中显示为一个对象。我哪里错了?
发布于 2013-09-13 20:14:45
使用
.val()
而不是
.innerHTML
获取所选选项的值
使用
.text()
获取所选选项的文本
感谢更正:)
发布于 2013-09-13 20:26:51
$(function() {
$("#select-image").selectable({
selected: function( event, ui ) {
var $variable = $('.ui-selected').html();
console.log($variable);
});
或
$(function() {
$("#select-image").selectable({
selected: function( event, ui ) {
var $variable = $('.ui-selected').text();
console.log($variable);
});
或
$(function() {
$("#select-image").selectable({