コンボボックス

コンボボックスは、「入力候補がプルダウンで表示されるテキストボックス」と言えるものだ。selectタグをベースに用いる。「テキストボックスに入力されている値 ＝ ウィジェットの持つ値」となるので、選択候補を示す<option>タグのvalue属性は使用されない。

図5 コンボボックス 

    dojo.require("dijit.form.ComboBox");

    <select name="state1"
            dojoType="dijit.form.ComboBox"
            autocomplete="false"
            value="りんご"
            ignoreCase="false"
            hasDownArrow="true">
            <option selected="selected">りんご</option>
            <option>オレンジ</option>
            <option>バナナ</option>
    </select>
属性/メソッド名 説明
Boolean autocomplete 値の自動補完を行うかどうか
Boolean hasDownArrow 下向き矢印を表示するか
Boolean ignoreCase 大文字/小文字を区別するか

フィルタ選択リスト

フィルタ選択リストは、まさしく「値のキー入力が可能な選択リスト」だ。見た目はコンボボックスと変わらないが、選択列にない値を入力するとエラーになる点、ウィジェットの値は<option>タグのvalueとなる点が異なる。使用できる属性もコンボボックスとほぼ同じだ。

    dojo.require("dijit.form.FilteringSelect");

    <select name="filteringSelect"
           dojoType="dijit.form.FilteringSelect"
           autocomplete="false"
           ignoreCase="true"
           hasDownArrow="true"
           value="apple">
           <option selected="selected" value="apple">りんご</option>
           <option value="orang">オレンジ</option>
           <option value="banana">バナナ</option>
    </select>