如何解决删除/清除数据列表中显示的所选选项
我在页面中使用两种选择方法，一种是使用数据列表，另一种是使用下拉列表。说，我从数据列表中选择一个选项。所选值将显示在其文本框中，如下图所示：
sample image of datalist after selection of option
现在，当我从下拉列表中选择一个值时，我试图清除/删除以前使用datalist所做的选择。即，我只想在数据列表的文本框中显示一个空白空间而不是所选选项（就像从数据列表选项中选择任何值之前一样）。
我尝试使用$('#selectCar').val(" ");。
但这也清除了数据列表中的所有选项。相反，我只希望更改/删除显示的文本。
任何有关如何完成此操作的建议，将不胜感激！
样本数据列表：
<body>
<label>Your Cars Name: </label>
<input type="text" id="selectCar" list="cars">
<datalist id="cars">
<option value="BMW"/>
<option value="Bentley"/>
<option value="Mercedes"/>
<option value="Audi"/>
<option value="Volkswagen"/>
</datalist>
</body>
我也尝试过使用占位符。但是在选择了数据列表中的一个选项之后，当从下拉列表中选择一个值时，我无法将其重置为占位符的值。如果可以的话，请让我知道该怎么做。
谢谢！
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
