Js 动态生成多个Select 标签， for循环动态给各自select 生成option

最新推荐文章于 2021-08-22 18:06:40 发布

dd_Gao

最新推荐文章于 2021-08-22 18:06:40 发布

阅读量2.6k

点赞数

分类专栏： Js html

啥都不会的萌新

本文链接：https://blog.youkuaiyun.com/dd_Gao/article/details/101604479

版权

这篇博客介绍了如何使用JavaScript通过for循环动态生成多个Select元素，并为每个Select添加Option。同时，文章还讲解了如何监听Select的点击事件，以获取选中的Option值，这对于动态交互的网页开发十分有用。

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



var div= "";
for (var i = 0; i < timePeriodList.length; i++) {
    //时段Id
    var timeId = timePeriodList[i].substring(0, 1);

    //时段(17:00-18:00)
    var time = timePeriodList[i].substring(2, timePeriodList[i].length);

    // 生成时段选择下拉框按钮
    div+= "<div class='form-group'>" +
            "<label class='col-xs-3 col-sm-2 control-label item-required'>" + time + ":</label>" +
            "<div class='col-xs-12 col-sm-4'>" +
            "<select onchange='selectSku("+timeId+")' id='" + timeId + "'  class=' form-control'   data-live-search='true' data-size='10' multiple>" +
           "</select>" +
           "</div>" +
            "</div>";

}

//添加时段