[英]Html select tag + option
How can i upgrade my select tag with additional options that can be added by a user?如何使用用户可以添加的附加选项升级我的 select 标签? FE: FE:
<select id = "sport">
<option value = "football"> football </option>
<option value = "volleyball"> volleyball </option>
<option value = "rugby"> rugby</option>
</select>
I need there a additional text input where a user can add new option to the select tag, If user write an another type of sport i would like to have that sport permament as a option in my select tag.我需要一个额外的文本输入,用户可以在其中向 select 标签添加新选项,如果用户编写另一种类型的运动,我希望在我的 select 标签中将该运动永久作为选项。
Regards,问候,
Take a look to the Select2 library and the " Dynamic option creation "看看 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>
Hope this helps:)希望这可以帮助:)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.