jquery生成一个li_jquery追加将li添加到ul

本文介绍了如何使用jQuery的selectable插件处理用户选择,并在选择发生时动态生成li元素,将其追加到ul列表中。通过示例代码展示了如何获取选择的数据并构建新的li元素,然后添加到指定的ul容器。
摘要由CSDN通过智能技术生成

我正在尝试为使用jquery selectable进行的每个选择维护一个

的列表

这是HTML的基本模板

=$buildoptions?>

$buildoptions是:

You've selected:

  • Nothing Selected

这是我的javascript:

$(function() {

$( ".selectable" ).selectable({

stop: function() {

var html2 = "

Select the dependant Field
";

$('#select-result').empty().append(html2);

var html = "";

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

var ecid = $(this).data('ecid');

var field = $(this).data('field');

html = "

"+ecid+" - "+field+"";

$("#select-result ul.ul-depend").append(html)

});

}

});

});

这是可选的html:

=$stuff[0]['dataset']?>

=$stuff[0]['visit']?>

foreach ($stuff as $variable)

{?>

=$variable['ecnum']?>

=$variable['field']?>

>

所以,理论上,当他们选择一个项目时,它不应该附加到#select-result ul无序列表,并添加

字符串吗?任何人都明白为什么它不会?

我测试了它,我从.ui-selected区域收到了正确的数据,并将数字输入到字符串中。

由于

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值