作成日: 2015/06/03 最終更新日: 2015/06/03
文書種別
使用方法
詳細
コンボボックスAで選択された値によってコンボボックスBの内容を変更するには、コンボボックスAのselectedIndexChangedイベントを利用します。
selectedIndexChangedイベントでは、コンボボックスAの選択値を判定し対応するデータをコンボボックBに設定します。
この時、コンボボックスBのselectedIndexを更新しない場合はデータ更新前の値となります。
【サンプルコード】
var testArray = [
{language: 'c++'},
{language: 'java'},
{language: 'php'}
];
var cArray = [
{language: 'c++1'},
{language: 'c++2'},
{language: 'c++3'}
];
var javaArray = [
{language: 'java1'},
{language: 'java2'},
{language: 'java3'}
];
var phpArray = [
{language: 'php1'},
{language: 'php2'},
{language: 'php3'}
];
$("#ComboBoxB").wijcombobox();
$("#ComboBoxA").wijcombobox({
// ComboBoxAの選択肢が変更された場合のイベント
selectedIndexChanged: function (e, args) {
// C++ が選択された場合
if (args.selectedItem.label == "c++") {
$("#ComboBoxB").wijcombobox({
selectedIndex: 0,
dataSource: cArray,
data: { label: { bind: "language" }, value: { bind: "language" } }
});
}
// java が選択された場合
else if (args.selectedItem.label == "java") {
$("#ComboBoxB").wijcombobox({
selectedIndex: 0,
dataSource: javaArray,
data: { label: { bind: "language" }, value: { bind: "language" } }
});
}
// php が選択された場合
else if (args.selectedItem.label == "php") {
$("#ComboBoxB").wijcombobox({
selectedIndex: 0,
dataSource: phpArray,
data: { label: { bind: "language" }, value: { bind: "language" } }
});
}
},
dataSource: testArray,
data: { label: { bind: "language" }, value: { bind: "language" } }
});
selectedIndexChangedイベントでは、コンボボックスAの選択値を判定し対応するデータをコンボボックBに設定します。
この時、コンボボックスBのselectedIndexを更新しない場合はデータ更新前の値となります。
【サンプルコード】
var testArray = [
{language: 'c++'},
{language: 'java'},
{language: 'php'}
];
var cArray = [
{language: 'c++1'},
{language: 'c++2'},
{language: 'c++3'}
];
var javaArray = [
{language: 'java1'},
{language: 'java2'},
{language: 'java3'}
];
var phpArray = [
{language: 'php1'},
{language: 'php2'},
{language: 'php3'}
];
$("#ComboBoxB").wijcombobox();
$("#ComboBoxA").wijcombobox({
// ComboBoxAの選択肢が変更された場合のイベント
selectedIndexChanged: function (e, args) {
// C++ が選択された場合
if (args.selectedItem.label == "c++") {
$("#ComboBoxB").wijcombobox({
selectedIndex: 0,
dataSource: cArray,
data: { label: { bind: "language" }, value: { bind: "language" } }
});
}
// java が選択された場合
else if (args.selectedItem.label == "java") {
$("#ComboBoxB").wijcombobox({
selectedIndex: 0,
dataSource: javaArray,
data: { label: { bind: "language" }, value: { bind: "language" } }
});
}
// php が選択された場合
else if (args.selectedItem.label == "php") {
$("#ComboBoxB").wijcombobox({
selectedIndex: 0,
dataSource: phpArray,
data: { label: { bind: "language" }, value: { bind: "language" } }
});
}
},
dataSource: testArray,
data: { label: { bind: "language" }, value: { bind: "language" } }
});
旧文書番号
81336