javascript - Select2 下拉列表在带有 struts 标签的 UI 中未正确显示

Question

我的 selec2 下拉菜单没有正确显示。

代码如下:

//这里包含select2 CSS文件HTML代码:

<div>   
                            <tr>
                                <td><b><bean:message key="label.student.display" />:</b>
                                <html:select property="stuCode" styleId="rollno" onchange="getStuData(this);">
                                <html:option value=""><bean:message key="label.student.select" /></html:option>
                                <html:option value="ABC">ABC</html:option>
                                <html:option value="XYZ">XYZ</html:option>
                                <html:optionsCollection name="studentForm" property="StuList"  label="label" value="value" />
                                </html:select>
                                </td>
                                </tr>
                                </div>
//included javascript select2 tag
</body>

JQuery 代码:

$(function() {
            $("#rollno").select2();
            
    });

Select2 被包含在控制台中，没有任何错误。但输出不符合预期。

请注意:HTML 页面中有多个表单。某些表单使用普通下拉列表而不是 Select2。请帮我解决这个问题。提前致谢!

Answer 1

在 struts 标签中给选择一个宽度，它应该可以工作。我以前遇到过同样的问题。我认为这就是问题所在，我没有发现任何其他问题。

您也可以使用 select2 的 width 参数并设置宽度。如果你想在 struts 标签中给出百分比宽度，那么在创建 select2 时执行以下操作

$("#rollno").select2({
    width: 'resolve'
});

同样显然你也可以使用 css 在 html 中设置选择的宽度。