html+jquery实现选择下拉框
html+jquery实现选择下拉框
·
2024.08.21今天我学习了如何通过html和jquery实现选择下拉框效果，代码如下：
<html>
<select id='choose'></select>
</html>
<script>
$(document).ready(function(){
let demo = [{name:'张三',value:1},{name:'李四',value:2}];
let select = $('#choose');//获取下拉框元素
select.empty();//清空下拉框内容
$.each(demo,function(index,item){
var option = $('<option?></option>')
.attr('value',item.value)
.text(item.name)
select.append(option);
select.val('');//清空默认选中项
})
})
</script>
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
5
0- 0
已为社区贡献6条内容
所有评论(0)