因此,我有一个使用JSP和Servlet创建的表单,在该表单中,我有一个下拉列表,我试图通过使用语义UI行为[在此处输入链接描述][1](设置菜单(值)),用数据库中的值填充该下拉列表。
有人能请帮助关于这一点吗??,任何帮助是感激提前感谢。
我将添加代码,我已经尝试了下面.
这是我的下拉菜单,我使用元素而不是。
<div class="required field">
<label> Main Category </label>
<select name = "home_main_category" id = "home_main_cat_dropdown_id" >
<option value = "" > Category </option>
</select>
</div>
这就是我如何尝试使用语义行为设置菜单(值),但我不确定给予什么来代替名称文本和值。
<script type="text/javascript">
$("#home_main_cat_dropdown_id").dropdown('setup menu',{ values: [{ value: '${category.main_category}' , name: 'main_category' }] });
</script>
<script type="text/javascript">
$("#home_main_cat_dropdown_id").dropdown('setup menu', { values: '${category.main_category}' } );
</script>
<script type="text/javascript">
$("#home_main_cat_dropdown_id").dropdown('setup menu(values)', ['${category.main_category}'] );
</script>
请给予一些实现这个行为示例代码。
1条答案
按热度按时间e5njpo681#
1.最好使用Fomantic-UI
首先,我强烈建议您切换到
Fomantic-UI
,这是Semantic-UI
的一个分支,但它被积极维护并更新,而语义UI有点被放弃(语义UI上一次更新是在2018年)。Fomantic-UI具有与Semantic-UI相同的组件和功能,但Fomantic-UI为多个组件/模块添加了新的有用功能/设置,并创建了全新的组件/模块(如**toasts或calendar**)。
2.下拉菜单
也就是说,您可以设置/重新创建下拉菜单,方法如下:
其中
some_array
是一个数组(* You don't say?!?:D *),其形状如下:value
是将存储在下拉列表的隐藏<input>
字段中的值(对于给定的<option>
)name
是当您打开下拉列表时显示在选项列表中的(给定<option>
的)文本。text
是当您选择该选项时将在下拉列表中显示的文本(给定<option>
的文本name
和text
都接受HTML标记,如下面的代码片段所示。第一个