作成日: 2013/11/01 最終更新日: 2013/11/01
文書種別
使用方法
詳細
ここでは、TextBoxを使用する方法を紹介します。
サンプルはこちら
TextBoxのkeyupイベントを使用して入力された文字を取得します。また、WijList内のli要素を順に処理し、WijListの各項目と一致するか判断、項目の表示／非表示を制御します。
◎サンプルコード
Wijmo専用サイト
サンプルはこちら
TextBoxのkeyupイベントを使用して入力された文字を取得します。また、WijList内のli要素を順に処理し、WijListの各項目と一致するか判断、項目の表示／非表示を制御します。
◎サンプルコード
$('#testinput').keyup(function () {
var valThis = $(this).val().toLowerCase();
$('.wijmo-wijlist-ul>li').each(function () {
var text = $(this).text().toLowerCase();
(text.indexOf(valThis) == 0) ? $(this).show() : $(this).hide();
});
})
var valThis = $(this).val().toLowerCase();
$('.wijmo-wijlist-ul>li').each(function () {
var text = $(this).text().toLowerCase();
(text.indexOf(valThis) == 0) ? $(this).show() : $(this).hide();
});
})
Wijmo専用サイト
旧文書番号
80544