这是特别基本的,我是一个初学者,最近从一个非常善良和真诚的人那里得到了帮助,他把我带到了现在的位置。
我想让用户选择所提供的选项之一,或者插入他们自己的信息。
这是我到目前为止所得到的:
<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,我知道最基础的东西,但我正在学习……
发布于 2018-06-03 02:54:43
看起来你在找datalist
。请看一下this answer。
发布于 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
}
})
希望这能有所帮助
https://stackoverflow.com/questions/50659933
复制相似问题