Html select 标签 + 选项
[英]Html select tag + option
问题描述
如何使用用户可以添加的附加选项升级我的 select 标签？ FE：
<select id = "sport">
<option value = "football"> football </option>
<option value = "volleyball"> volleyball </option>
<option value = "rugby"> rugby</option>
</select>
我需要一个额外的文本输入，用户可以在其中向 select 标签添加新选项，如果用户编写另一种类型的运动，我希望在我的 select 标签中将该运动永久作为选项。
问候，
1 个解决方案
解决方案1
-1 2020-04-28 18:05:59
看看 Select2 库和“动态选项创建”
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link
href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css"
rel="stylesheet"
/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<select class="form-control js-example-tags">
<option selected="selected">orange</option>
<option>white</option>
<option>purple</option>
</select>
<script>
$(".js-example-tags").select2({
tags: true,
});
</script>
希望这可以帮助：）
在 HTML 中选择选项标签
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.