可以通过以下步骤实现:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<ul id="dynamicList">
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ul>
$(document).on('click', '#dynamicList li', function() {
var selectedValue = $(this).text();
console.log(selectedValue);
});
在上述代码中,我们使用了$(document).on('click', '#dynamicList li', function() {...})
来监听动态创建的列表项的点击事件。当用户点击列表项时,回调函数将被触发。$(this)
表示当前被点击的列表项,使用.text()
方法获取其文本内容,并将其存储在selectedValue
变量中。
以上代码将在控制台中打印所选列表项的文本内容。你可以根据实际需求,将所选值用于其他操作,比如更新页面内容、发送到服务器等。
这种方法适用于动态创建的项目,无论是通过JavaScript还是通过后端生成的。它允许你在用户选择列表项时获取所选值,并进行后续处理。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云