在JavaScript中,您可以使用以下方法在包含HTML实体的<option>
中动态创建<select>
元素:
createElement
和appendChild
方法创建<option>
元素。textContent
属性设置<option>
元素的文本内容。innerHTML
属性设置<option>
元素的HTML实体内容。以下是一个示例代码:
// 创建一个<select>元素
const selectElement = document.createElement("select");
// 创建一个<option>元素
const optionElement = document.createElement("option");
// 设置<option>元素的文本内容
optionElement.textContent = "选项1";
// 设置<option>元素的HTML实体内容
optionElement.innerHTML = "选项1 & 选项2";
// 将<option>元素添加到<select>元素中
selectElement.appendChild(optionElement);
// 将<select>元素添加到页面中
document.body.appendChild(selectElement);
在这个示例中,我们创建了一个<select>
元素和一个<option>
元素。我们使用textContent
属性设置<option>
元素的文本内容为"选项1",并使用innerHTML
属性设置<option>
元素的HTML实体内容为"选项1 & 选项2"。最后,我们将<option>
元素添加到<select>
元素中,并将<select>
元素添加到页面中。
领取专属 10元无门槛券
手把手带您无忧上云