css下拉单选并输入 |wysiwyg.css

css 分栏代码，html css添加图标，css取消块级元素，给vue对象添加css，css 制作横向导航菜单，什么是css的伪类，wysiwyg.css css下拉单选并输入 |wysiwyg.css

<select id="mySelect" name="mySelect">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>

例如，如果您想要在这个下拉列表中添加一个用户可以输入自己选项的功能，可以使用以下代码：

<select id="mySelect2" name="mySelect2" onchange="checkInput(this)">
<option value="-1">--请选择--</option>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
<script>
function checkInput(select) {
if(select.value == "-1") {
var input = prompt("请输入自定义选项：", "");
if(input) {
var option = document.createElement("option");
option.text = input;
option.value = input;
select.add(option);
select.value = input;
} else {
select.value = "-1";
}
}
}
</script>

在这个示例中，当用户选择“–请选择–”这一项时，代码会自动弹出一个提示框，让用户输入自己的选项。然后，代码会动态地将用户输入的选项添加到下拉列表中。