已导入Bootstrap CSS，如何将JSP下拉框转换为Bootstrap下拉框？

很简单，既然你已经导入了Bootstrap的CSS，只需要调整Struts标签的cssClass属性，再配合Bootstrap的表单规范就行，具体操作如下：

核心修改：替换样式类 #

Bootstrap提供了专门用于下拉选择框的样式类form-select，你可以直接替换原来的txtcontactname（或者保留原有类，把Bootstrap的类追加进去），就能让下拉框拥有Bootstrap的默认样式。

修改后的完整代码：

<s:select 
    id="lookupType" 
    cssClass="form-select txtcontactname"  <!-- 这里添加Bootstrap的样式类 -->
    name="lookupType" 
    list="lookupTypeList" 
    listKey="keyStr" 
    listValue="valueStr" 
    onchange="javascript:forms[0].submit()"
/>

可选优化：贴合Bootstrap表单布局 #

如果你的页面是标准的Bootstrap表单布局，建议把下拉框包裹在form-group容器里，让间距和排版更协调，还可以添加对应的标签：

<div class="form-group mb-3">
    <label for="lookupType" class="form-label">选择查询类型</label> <!-- 可选：添加标签提升可用性 -->
    <s:select 
        id="lookupType" 
        cssClass="form-select txtcontactname" 
        name="lookupType" 
        list="lookupTypeList" 
        listKey="keyStr" 
        listValue="valueStr" 
        onchange="javascript:forms[0].submit()"
    />
</div>

额外小技巧 #

• 要是需要不同尺寸的下拉框，可以在cssClass里追加form-select-lg（大尺寸）或form-select-sm（小尺寸）
• 原有Struts标签的list、listKey、onchange等功能属性完全保留，不会影响数据绑定和表单提交逻辑

内容的提问来源于stack exchange，提问作者Mapa