【转载】用jquery给select option 赋值

最新推荐文章于 2022-08-17 16:29:39 发布

weixin_30611509

最新推荐文章于 2022-08-17 16:29:39 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/licheng0201/p/10033300.html

本文介绍使用JavaScript动态为HTML的下拉选择框添加选项的方法，包括直接设置text和利用value与key的对应关系。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var dataList = [
                "6211125886667895", "6211125886667892", "6211125886667897"
            ];
            for (var i = 0; i < dataList.length; i++) {
                //先创建好select里面的option元素
                var option = document.createElement("option");
                //给option的text赋值,这就是你点开下拉框能够看到的东西
                $(option).text(dataList[i]);
                //获取select 下拉框对象,并将option添加进select
                $('#problemTypeId').append(option);
            }

原文：https://blog.youkuaiyun.com/song_de/article/details/33757939

后来我又发现像上面那样写对我的需求有些差异，于是又查到了下面这种写法：

主要是因为我需要在页面显示value，但请求时需要携带key参数，二者一一对应

var dataList = [
                "6211125886667895", "6211125886667892", "6211125886667897"
            ];
for(var i = 0;i <dataList.length; i++){
    var $select=$("#test");
    $select.append('<option values="'+dataList[i].key+'">'+dataList[i].value+'</option>');
}

转载于:https://www.cnblogs.com/licheng0201/p/10033300.html