手順 3：選択した項目のイベントハンドラの作成

このトピックでは、コンボボックスの項目を選択したときに selectedItem イベントがトリガーされます。

「ソース」タブを選択し、<body> タグの前に下記の C1ComboBox1_OnClientChanged 関数のスクリプトを追加します。

スクリプト	コードのコピー
<script id="scriptInit" type="text/javascript"> function C1ComboBox1_OnClientChanged(e, data) { var val = data.selectedItem.value; $('#output').html('社員「' + val + '」を選択しました。'); } </script>

ラベルをソースページへC1ComboBox タグの前に追加します。

スクリプト	コードのコピー
<label id="output"> 社員名を選択してください。</label>

C1ComboBox タグ内で、onclientchanged プロパティに onclientchanged="C1ComboBox1_OnClientChanged" 関数を割り当てます。その結果、次のようになります。

スクリプト	コードのコピー
<cc1:C1ComboBox runat="server" Width="160px" onclientchanged="C1ComboBox1_OnClientChanged">