javascript - 使用 Bootstrap 选择

Question

我应该使用bootstrap-select为用户提供标题选择，例如先生、夫人或女士。

这是选择的 HTML:

<select name="adultSelect" class="selectpicker adultTitle_">
    <option value="1">Mr</option>
    <option value="2">Mrs</option>
    <option value="3">Ms</option>
</select>

当用户单击时，我想将值分配给支持 bean 中的变量表单的提交按钮。例如，以下是我如何处理用户的姓氏:

<div>
    <h:inputText value ="#{bean.surname}" label="Surname"></h:inputText>
</div>

据我所知，<select>标签没有 value可用的属性。

我为选择器选择的 JS 如下所示:

$(".selectpicker").selectpicker({
    style: "btn",
    size: 3
});

Answer 1

看来您使用的是 JSF，在这种情况下需要使用 h:selectOneMenu:

<h:selectOneMenu value="#{bean.adultSelect}" styleClass="selectpicker adultTitle_">
    <f:selectItem itemValue="1" itemLabel="Mr" />
    <f:selectItem itemValue="2" itemLabel="Mrs" />
    <f:selectItem itemValue="3" itemLabel="Ms" />
</h:selectOneMenu>

上面是伪代码，因为我不知道保存下拉列表表示的字段值的属性名称。 select 标记的 value 属性必须映射到 bean 属性，因此请将 #{bean.adultSelect} 替换为适当的字段。