如何根据下拉菜单使 TextField 出现预填充?

时间:2021-04-19 18:58:40

标签: c# asp.net-mvc

我首先要说我是编码新手,所以我觉得这很困难,最近我也问了一些问题,主要是因为我真的很困,所以非常感谢所有帮助。

如何根据下拉菜单使 TextField 显示为预填充?

当我从下拉菜单中选择一个值时,我希望表单中的文本字段 (parameter_default_value1 & parameter_default_value2 & parameter_default_value3) 出现并预填充。我在网上搜索过,但不知道该怎么做。

下拉菜单代码片段

<div class="box catalog__head-row">
    <span class="catalog__label">Команда:</span>
    @{
        var lst = ViewData["Commands"] as List<SelectListItem>;
        var selectedName = ViewData["Select_Command_Id"] != null ? lst.FirstOrDefault(x => x.Value == ViewData["Select_Command_Id"].ToString())?.Text : "";
     }
     <div class="pseudoselect catalog__select">
         @Html.Hidden("Command_id", ViewData["Select_Command_Id"], new { @class = "id_command" })
         <input type="text" class="pseudoselect__input" placeholder="Выбрать из списка" value="@selectedName">
         <div class="pseudoselect__dropdown custom-scroll">
             <div class="pseudoselect__current">@selectedName</div>
             <div class="pseudoselect__list">
                 @foreach (var data in lst)
                 {
                     <li data-id_command="@data.Value">@data.Text</li>
                 }
             </div>
         </div>
     </div>
     @Html.TextBox("Str_filter", "", htmlAttributes: new { @class = "catalog__input", type = "search", placeholder = "Поиск по таблице", id = "findField" })
</div>

当前隐藏的下拉菜单和文本框的示例

enter image description here

下拉菜单和文本框的示例

enter image description here

下拉菜单和文本框的示例

enter image description here

0 个答案:

没有答案