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>