如何插入可以将用户输入作为文本的选项
如何插入可以将用户输入作为文本的选项
提问于 2018-06-03 02:26:49
这是特别基本的，我是一个初学者，最近从一个非常善良和真诚的人那里得到了帮助，他把我带到了现在的位置。
我想让用户选择所提供的选项之一，或者插入他们自己的信息。
这是我到目前为止所得到的：
<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，我知道最基础的东西，但我正在学习……
回答 2
Stack Overflow用户
发布于 2018-06-03 02:54:43
看起来你在找datalist。请看一下this answer。
Stack Overflow用户
发布于 2018-06-03 03:49:32
你可能想要在选择框后面有一个输入框，根据所选的选项是否是"your location“(这应该是最后一个选项)来启用/禁用：
<input id="custom-address" disabled />在你的javascript中你需要(我假设你使用的是jQuery)
$("#start").change(function(){ //the following check will be triggered every time the selected option changes
if ($('#start')[0].selectedIndex==$('#start').length) { //if the selected option is the last one
$('#custom-address').prop("disabled", false); //enable the text input
} else {
$('#custom-address').prop("disabled", true); //otherwise disable it
}
})希望这能有所帮助
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50659933
复制相关文章
相似问题