javascript - 如何插入可以将用户输入作为文本的选项

Question

这是特别基础的，我是一个初学者，最近得到了一个非常善良和真诚的人的帮助，他让我走到了现在的位置。

我想让用户选择提供的选项之一或插入他们自己的信息。

这是我到目前为止所得到的:

<div class=naviselection>
Start:
<select id='start' onchange="updateNavigationLink()">  
<option value="The International School of The Hague, Wijndaelerduin 1, 2554 BX Den Haag">School</option>
<option value="Centrum, Den Haag">City Center</option>

</select> End:
<select id='end' onchange="updateNavigationLink()">
<option value="The International School of The Hague, Wijndaelerduin 1, 2554 BX Den Haag">School</option>
 <option value="Centrum, Den Haag">City Center</option>

 </select>

 </div>

 <div class=Finallink>
 <span id="navigationLink"></span>

现在，我试图让用户输入他们自己的文本(对应于地址)并将其作为选项之一。

我想在单击选项后显示文本框，但我不知道如何定义该值，我想这将是某些 JavaScript 的结果......

<option value=undefined>Your Location</option>

那么 JavaScript 是什么，我如何使选项的值高于我的用户输入的值。

如果有人能提供帮助，我将不胜感激，我大约一周前才开始使用 javascript，并且了解非常基础的知识，但我正在学习......

Answer 1

您似乎在寻找datalist。请看一下 this answer .