使用js在select下拉框中添加按钮
您可以使用HTML、CSS和JavaScript来为选择框添加按钮。以下是一个示例代码:
HTML代码:
<select id="mySelect">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<button id="myButton">Add Option</button>
CSS代码:
#myButton {
margin-left: 10px;
}
JavaScript代码:
var select = document.getElementById("mySelect");
var button = document.getElementById("myButton");
button.onclick = function() {
var option = document.createElement("option");
option.text = "New Option";
select.add(option);
};
在这个例子中,我们首先获取了选择框和按钮的引用。然后,我们在按钮上附加了一个click事件处理程序,当按钮被单击时,它将创建一个新的选项,并将其添加到选择框中
原文地址: https://www.cveoy.top/t/topic/cjoa 著作权归作者所有。请勿转载和采集!