使用bootstrap-select

Question

我應該使用bootstrap-select為用戶提供選項，例如Mr，Mrs或Ms.

這是選擇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屬性。

我對selectpicker的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}替換為相應的字段。