点击添加弹出a,b,c三个选项进行添加标签用js实现
时间: 2024-02-01 07:15:55 浏览: 165
可以使用HTML中的`<select>`标签和`<option>`标签来实现这个功能。例如:
```html
<select id="tag-select">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>
<button onclick="addTag()">添加标签</button>
```
然后在JavaScript中定义`addTag()`函数来将所选标签添加到页面中:
```javascript
function addTag() {
// 获取选择的标签值
var tag = document.getElementById("tag-select").value;
// 创建新的标签元素并设置其文本内容
var newTag = document.createElement("span");
newTag.textContent = tag;
// 添加标签到页面中
var tagContainer = document.getElementById("tag-container");
tagContainer.appendChild(newTag);
}
```
其中,`tag-container`是用来显示已添加标签的HTML元素。
阅读全文