Question

我有一段代码块，如下所示：

    <html:select size="1" property="organizationPrimaryKey" styleClass="inputField" >
       <option value=""></option>
       <html:options collection="organizationsList" property="primaryKey" 
       labelProperty="qualifiedName"/>
    </html:select>

现在我想添加一些我们公司推荐的样式指南，所以修改了这样的代码：

<div class="esg-dropdown" id="esg-dropdown" onClick="toggleCssClass()">
                            <button class="esg-button esg-button--secondary esg-dropdown__toggle" id="dropdownMenuDefault" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Dropdown <span class="esg-dropdown__icon esg-dropdown__icon--right esg-icon__container" aria-hidden="True">
                            <svg class="esg-icon esg-icon--small esg-icon--light esg-icon--up">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow"></use>
                            </svg></span></button>
                          <ul class="esg-dropdown__menu" aria-labelledby="dropdownMenuDefault">
                            <li class="esg-dropdown__menu-item"><a class="esg-dropdown__link"> Root</a></li>
                            <li class="esg-dropdown__menu-item"><a class="esg-dropdown__link"> Sub Root</a></li>
                          </ul>
                        </div>

但我无法动态生成值，因为之前的结构使用的是jsp taglib。

有没有办法动态填充满足

的值

<html:options collection="organizationsList" property="primaryKey"labelProperty="qualifiedName"/>

我试图在运行时从数组中获取所有值：

var optionValues = [];
alert(optionValues);
$('#state option').each(function() {
    optionValues.push($(this).val());
    alert(optionValues);
});

<html:select size="1" property="organizationPrimaryKey" styleClass="inputField" styleId="state">

                            <html:options collection="organizationsList" property="primaryKey" labelProperty="qualifiedName"/>
                            </html:select>

但是每个齿只获得空值

从<html：options>动态生成下拉列表

0 个答案: