问题描述:将选中的复选框值填充到动态创建的下拉列表时出现问题。
解决方案:
querySelectorAll
方法来获取选中的复选框值。createElement
方法来创建一个<select>
元素。createElement
方法来创建一个<option>
元素,并使用appendChild
方法将其添加到下拉列表中。appendChild
方法将下拉列表元素添加到指定的父元素中。以下是一个示例代码,演示如何将选中的复选框值填充到动态创建的下拉列表中:
// 获取选中的复选框值
var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
var selectedValues = [];
checkboxes.forEach(function(checkbox) {
selectedValues.push(checkbox.value);
});
// 创建下拉列表元素
var select = document.createElement('select');
// 遍历选中的复选框值,创建选项元素并添加到下拉列表中
selectedValues.forEach(function(value) {
var option = document.createElement('option');
option.value = value;
option.text = value;
select.appendChild(option);
});
// 将下拉列表添加到页面中的适当位置
var container = document.getElementById('container');
container.appendChild(select);
这样,选中的复选框值就会被填充到动态创建的下拉列表中。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)
领取专属 10元无门槛券
手把手带您无忧上云