將html選擇系結到長C#陣列

我的問題是，當我想將 html select 系結到我的 DTO 中的 long[] 屬性時，它向我顯示了一個具有多項選擇能力的下拉串列。但我希望它處于非多（單選）模式。我的 DTO：

public class CreateSmsPattern
    {
        [Required(ErrorMessage = ValidationMessages.IsRequired)]
        [MaxLength(128, ErrorMessage = ValidationMessages.InvalidLength)]
        public string Name { get; set; }

        [Required(ErrorMessage = ValidationMessages.IsRequired)]
        [Range(1, long.MaxValue, ErrorMessage = ValidationMessages.IsRequired)]
        public long SpecialListId { get; set; }

        [Required(ErrorMessage = ValidationMessages.IsRequired)]
        [MaxLength(5000, ErrorMessage = ValidationMessages.InvalidLength)]
        public string Message { get; set; }

        [Required(ErrorMessage = ValidationMessages.IsRequired)]
        [Range(1, int.MaxValue, ErrorMessage = ValidationMessages.IsRequired)]
        public int ParametersCount { get; set; }

        public long[] ParametersList { get; set; }
    }

和我的前端（請注意，用戶必須選擇 3 次，每次只能選擇 1 次，因為他選擇的順序對我很重要）：

<div class="col-md-4">
    <div class="form-group">
        <label class="control-label" asp-for="Command.ParametersList">Parameters List</label>
        <select class="form-control" asp-for="Command.ParametersList" asp-items='new SelectList(Model.ParametersList, "Id", "Name")'>
            <option value="-1">Choose one...</option>
        </select>
        <span asp-validation-for="Command.ParametersList" class="error"></span>
    </div>
    <div class="form-group">
        <select class="form-control" asp-for="Command.ParametersList" asp-items='new SelectList(Model.ParametersList, "Id", "Name")'>
            <option value="-1">Choose one...</option>
        </select>
        <span asp-validation-for="Command.ParametersList" class="error"></span>
    </div>
    <div class="form-group">
        <select class="form-control" asp-for="Command.ParametersList" asp-items='new SelectList(Model.ParametersList, "Id", "Name")'>
            <option value="-1">Choose one...</option>
        </select>
        <span asp-validation-for="Command.ParametersList" class="error"></span>
    </div>
</div>

uj5u.com熱心網友回復：

如果您需要的是三個選項，那么您應該為每個選項設定三個接收屬性：

public long Selection1 { get; set; }
public long Selection2 { get; set; }
public long Selection3 { get; set; }

并使用您的標簽助手定位這些屬性：

<div class="form-group">
    <select class="form-control" asp-for="Selection1" asp-items='new SelectList(Model.ParametersList, "Id", "Name")'>
        <option value="-1">Choose one...</option>
    </select>
    <span asp-validation-for="Selection1" class="error"></span>
</div>

<div class="form-group">
    <select class="form-control" asp-for="Selection2" asp-items='new SelectList(Model.ParametersList, "Id", "Name")'>
        <option value="-1">Choose one...</option>
    </select>
    <span asp-validation-for="Selection2" class="error"></span>
</div>

<div class="form-group">
    <select class="form-control" asp-for="Selection3" asp-items='new SelectList(Model.ParametersList, "Id", "Name")'>
        <option value="-1">Choose one...</option>
    </select>
    <span asp-validation-for="Selection3" class="error"></span>
</div>

這樣您也不必擔心訂單。

標籤：C＃ html 剃刀

上一篇：React-洗掉請求帶有錯誤代碼404

下一篇：如何在新的VS2022控制臺應用程式中實作介面