JSP 如何使用Semantic ui的设置菜单(值)行为来使用数据库中的值填充下拉列表

iecba09b  于 2022-12-07  发布在  其他
关注(0)|答案(1)|浏览(192)

因此,我有一个使用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>

请给予一些实现这个行为示例代码。

e5njpo68

e5njpo681#

1.最好使用Fomantic-UI

首先,我强烈建议您切换到Fomantic-UI,这是Semantic-UI的一个分支,但它被积极维护并更新,而语义UI有点被放弃(语义UI上一次更新是在2018年)。
Fomantic-UI具有与Semantic-UI相同的组件和功能,但Fomantic-UI为多个组件/模块添加了新的有用功能/设置,并创建了全新的组件/模块(如**toastscalendar**)。

2.下拉菜单

也就是说,您可以设置/重新创建下拉菜单,方法如下:

$(dropdownElement)
   .dropdown('setup menu', { values: some_array });

其中some_array是一个数组(* You don't say?!?:D *),其形状如下:

some_array = [
   {value: '', name: '', text: ''},
   {value: '', name: '', text: ''},
   ...
   {value: '', name: '', text: ''},
]
  • value是将存储在下拉列表的隐藏<input>字段中的值(对于给定的<option>
  • name是当您打开下拉列表时显示在选项列表中的(给定<option>的)文本。
  • text是当您选择该选项时将在下拉列表中显示的文本(给定<option>的文本

nametext都接受HTML标记,如下面的代码片段所示。
第一个

相关问题