Как мне вставить параметр, который может принимать вводимые пользователем данные в виде текста
Это особенно просто, я новичок и недавно получил помощь от очень доброго и искреннего человека, который привел меня туда, где я сейчас нахожусь.
Я хочу дать пользователю выбор: выбрать один из предложенных вариантов или вставить свою собственную информацию.
Вот что у меня есть на данный момент:
<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 около недели назад и знаю самые основы, но я учусь ...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Похоже, вы ищете datalist. Пожалуйста, взгляните на этот ответ.
Посмотрим на списки данных и ответим, спасибо.
Вы можете захотеть иметь поле ввода сразу после поля выбора, которое включается / отключается в зависимости от того, является ли выбранный вариант «вашим местоположением» (это должен быть последний вариант):
<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
}
})
Надеюсь это поможет
Я сделал это, и все работало удовлетворительно. Бруно, ты благочестивый.
Позаботьтесь о правильном написании
JavaScript, чтобы избежать конфликтов поиска с Java. javascriptisnotjava.io