ドロップダウンリストへのマスクの追加

wijinputmask ウィジェットでは、ドロップダウンリストボックスにマスクを作成できます。showTrigger オプションを使用してドロップダウン矢印を表示し、comboItems オプションを使用してドロップダウンリストに移植します。MVC コントロールエクスプローラのライブデモで InputMask > Drop Down サンプル（http://demo.componentone.com/ASPNET/MVCExplorer/inputmask/DropDown）を参照してください。

ASP.NET MVC 4 Wijmo アプリケーションを作成します。
ソリューションエクスプローラで、Views → Sharedフォルダを展開し、_Layout.cshtml をダブルクリックしてファイルを開きます。

次のマークアップをページの <body> タグ内に追加します。

ソースビュー	コードのコピー
<input type="text" id="textbox1" /> <h6>マスク</h6> <p>000-0000</p> </div>

前の手順で追加した終了タグ </div> の後に、次の jQuery スクリプトを入力し、wijinputmask ウィジェットを初期化して、mask、comboItems、showTrigger の各オプションを設定します。１つのゼロをマスク要素として使用すると、１桁の数字を入力するように要求されます。この場合、７桁の数字を入力できます。

ソースビュー	コードのコピー
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#textbox1").wijinputmask( { mask: '000-0000', comboItems: ['100-1000', '200-2000', '123-1234'], showTrigger: true }); }); </script>

ソースビュー

コードのコピー

<script id="scriptInit" type="text/javascript">
    $(document).ready(function () {
        $("#textbox1").wijinputmask(
                {
                    mask: '000-0000',
                    comboItems: ['100-1000', '200-2000', '123-1234'],
                    showTrigger: true
                });
    });
   </script>

［F5］を押して、アプリケーションを実行します。showTrigger オプションは、ドロップダウン矢印を表示します。mask は、指定された書式の数字を要求し、comboItems オプションに指定されたドロップダウンリストには、３つのプリセット値が含まれます。