Razorsharp, C# HTML: поле со списком, в которое вы также можете ввести пользовательскую строку ввода

#c# #html #asp.net-core #razor

Вопрос:

Я работаю в файле cshtml. Я пытаюсь фильтровать на основе того, что пользователь вводит в текстовое поле, но мне также нужно раскрывающееся окно с параметрами для выбора. Прямо сейчас у меня есть только текстовое поле, в которое пользователь может вводить текст и фильтровать его, но нет выпадающего списка с параметрами для него. Есть ли другой элемент, который я могу использовать, чтобы добавить опцию выпадающего списка вместе с опцией ввода текста? Мой код прямо сейчас @Html.TextBox("RoomName", "", new { @class = "form-control" }) я хотел бы, чтобы он мог сохранять то же имя и, по возможности, был похожим типом ввода, чтобы он продолжал работать с другими моими функциями. Дайте мне знать, если это существует. Спасибо!

Ответ №1:

Вы можете попробовать использовать datalist .Вот демо-версия:

 <input list="browsers" name="browser" id="browser">
<datalist id="browsers">
    <option value="Edge">Edge</option>
    <option value="Firefox">Firefox</option>
    <option value="Chrome">Chrome</option>
    <option value="Opera">Opera</option>
    <option value="Safari">Safari</option>
</datalist>
 

Результат:
введите описание изображения здесь