如何更改文本输入以选择chtml中的输入?

时间:2015-12-13 14:30:45

标签: asp.net

我有一个文本表格

<form asp-action="Create">
    <div class="form-horizontal">
        <h4>Flight</h4>
        <hr />
        <div asp-validation-summary="ValidationSummary.ModelOnly" class="text-danger"></div>
        <div class="form-group">
            <label asp-for="FlyDate" class="col-md-2 control-label"></label>
            <div class="col-md-10">
                <input asp-for="FlyDate" class="form-control" />
                <span asp-validation-for="FlyDate" class="text-danger" />
            </div>
        </div>
        <div class="form-group">
            <label asp-for="FlyFrom" class="col-md-2 control-label"></label>
            <div class="col-md-10">
                <input asp-for="FlyFrom" class="form-control" />
                <span asp-validation-for="FlyFrom" class="text-danger" />
            </div>
        </div>
        <div class="form-group">
            <label asp-for="FlyTo" class="col-md-2 control-label"></label>
            <div class="col-md-10">
                <input asp-for="FlyTo" class="form-control" />
                <span asp-validation-for="FlyTo" class="text-danger" />
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>
</form>

我想更改FlyFromFlyTo以选择用户可以选择引用名称(东京,大阪......)的选项。目前它们是文本字段。我该怎么办?

1 个答案:

答案 0 :(得分:0)

There are two ways to populate based on your requirement. 

If values are constant you can directly hard code two drop downs.
<select>
    <option>State1</option>
    <option>State1</option>
</select>
if values are coming from DB you can fill those to values ViewBag object on index method

ViewBag.FromState=<<your list of states>>
ViewBag.ToDate==<your list of states>>

.cshtml 

@Html.DropDownList("FromState",ViewBag.FromStaes)