0

私はこれを.cshtmlに持っています 

@Html.DropDownListFor(m => m.Attendance.Time02InId, new SelectList(Model.ClockingLocations, "Id", "Name"), new {@class = "form-control select2-allow-clear"})

Model.ClockingLocations= のリストClock

public class Clock
{
    public int Id { get; set; }
    public string Name { get; set; }
}

これがドキュメントの準備ができた私のjqueryです

    var placeholder = "Select...";

    $(".select2-allow-clear").prepend("<option></option>");

    $(".select2-allow-clear").select2({
        allowClear: true,
        placeholder: placeholder,
        width: null
    });

ただし、私の選択リストには、プレースホルダーではなく、値がないModel.ClockingLocations場合でも最初の項目が表示されます。m.Attendance.Time02InId

4

1 に答える 1

1

JQuery コードを更新してみてください

var placeholder = "Select...";

$(".select2-allow-clear").prepend("<option></option>");

$(".select2-allow-clear").select2({
    allowClear: true,
    placeholder: placeholder,
    width: null
});

と

var placeholder = "Select...";

$(".select2-allow-clear").prepend("<option value='' selected='selected'></option>");

$(".select2-allow-clear").select2({
    allowClear: true,
    placeholder: placeholder,
    width: null
});

交換して試すこともできます

$(".select2-allow-clear").prepend("<option></option>");

と

$(".select2-allow-clear").prepend("<option value=''></option>").val('');

これがお役に立てば幸いです。

于 2016-02-21T16:46:29.890 に答える