0

私は、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
});
4

1 に答える 1

2

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}、適切なフィールドに置き換えます。

于 2013-09-11T08:51:34.807 に答える