diff --git a/src/BootstrapBlazor.Shared/Samples/Selects.razor b/src/BootstrapBlazor.Shared/Samples/Selects.razor
index 6ac6b8b9da5db33ade06b23bd669b9ecd440b80c..bec73f9346238cf34ceecb55f47b5af20fcbaa52 100644
--- a/src/BootstrapBlazor.Shared/Samples/Selects.razor
+++ b/src/BootstrapBlazor.Shared/Samples/Selects.razor
@@ -257,6 +257,19 @@
     </div>
 </DemoBlock>
 
+<DemoBlock Title="@Localizer["DisplayTemplateTitle"]" Introduction="@Localizer["DisplayTemplateIntro"]" Name="DisplayTemplate">
+    <div class="row g-3">
+        <div class="col-12 col-sm-6">
+            <Select TValue="string" Items="Items">
+                <DisplayTemplate>
+                    <i class="fa-solid fa-flag"></i>
+                    <span>@context?.Text</span>
+                </DisplayTemplate>
+            </Select>
+        </div>
+    </div>
+</DemoBlock>
+
 <DemoBlock Title="@Localizer["TimezoneTitle"]" Introduction="@Localizer["TimezoneIntro"]" Name="Timezone">
     <div class="row g-3">
         <div class="col-12 col-sm-6">
diff --git a/src/BootstrapBlazor/Components/Select/Select.razor b/src/BootstrapBlazor/Components/Select/Select.razor
index a73ba19f0d0370d9c44a908cd2a000f6a612d5a7..ce58e184ff8c7652ac66a50d5f9c4eca207954ef 100644
--- a/src/BootstrapBlazor/Components/Select/Select.razor
+++ b/src/BootstrapBlazor/Components/Select/Select.razor
@@ -15,8 +15,17 @@
             ResetSelectedItem();
         }
         <div class="dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
-            <input type="text" id="@InputId" readonly disabled="@Disabled" placeholder="@PlaceHolder" class="@InputClassName" value="@SelectedItem?.Text" />
-            <span class="@AppendClassName"><i class="@DropdownIcon"></i></span>
+            @if (DisplayTemplate != null)
+            {
+                <div id="@InputId" class="@InputClassName" tabindex="0">
+                    @DisplayTemplate(SelectedItem)
+                </div>
+            }
+            else
+            {
+                <input type="text" id="@InputId" readonly disabled="@Disabled" placeholder="@PlaceHolder" class="@InputClassName" value="@SelectedItem?.Text" />
+                <span class="@AppendClassName"><i class="@DropdownIcon"></i></span>
+            }
         </div>
         <div class="dropdown-menu shadow">
             @if (ShowSearch)
diff --git a/src/BootstrapBlazor/Components/Select/Select.razor.cs b/src/BootstrapBlazor/Components/Select/Select.razor.cs
index d408a371494520fb024feba49beb986a5a61979e..d9b83a9041b0deafc8da31a1323660efa339c66a 100644
--- a/src/BootstrapBlazor/Components/Select/Select.razor.cs
+++ b/src/BootstrapBlazor/Components/Select/Select.razor.cs
@@ -109,6 +109,12 @@ public partial class Select<TValue> : ISelect
     [Parameter]
     public StringComparison StringComparison { get; set; } = StringComparison.OrdinalIgnoreCase;
 
+    /// <summary>
+    /// 获得/设置 显示部分模板 默认 null
+    /// </summary>
+    [Parameter]
+    public RenderFragment<SelectedItem?>? DisplayTemplate { get; set; }
+
     [Inject]
     [NotNull]
     private IStringLocalizer<Select<TValue>>? Localizer { get; set; }
diff --git a/test/UnitTest/Components/SelectTest.cs b/test/UnitTest/Components/SelectTest.cs
index a636c14a8def705a3c41b6e319e08753c150c90d..f54e1b9b034ddef7629d739735dcacd24b2a6977 100644
--- a/test/UnitTest/Components/SelectTest.cs
+++ b/test/UnitTest/Components/SelectTest.cs
@@ -268,4 +268,23 @@ public class SelectTest : BootstrapBlazorTestBase
         });
         Assert.Contains("search-icon", cut.Markup);
     }
+
+    [Fact]
+    public void DisplayTemplate_Ok()
+    {
+        var cut = Context.RenderComponent<Select<string>>(pb =>
+        {
+            pb.Add(a => a.Items, new SelectedItem[]
+            {
+                new SelectedItem("1", "Test1"),
+                new SelectedItem("2", "Test2")
+            });
+            pb.Add(a => a.Value, "2");
+            pb.Add(a => a.DisplayTemplate, item => builder =>
+            {
+                builder.AddContent(0, $"test-display-template-{item?.Text}");
+            });
+        });
+        Assert.Contains("test-display-template-Test2", cut.Markup);
+    }
 }