jquery - jqxWidgetsカスケードコンボボックス

Question

jqxwidgets を使用してコンボ ボックスにデータを入力する方法を教えてください。国コンボボックスから国を選択すると、選択した国の都市が都市コンボボックスに表示されます。私のコードは次のとおりです。

<div id="country"></div>
<div id="city"></div>
<script>
$(document).ready(function () {

    var country = ["AUE","Egypt","Saudi Arabia" ];

    var city = ["Abu Dabi","Dubi","El Ain","Sharga",    "Alex","Cairo","Daqhlia","Giza","Gharbia","Marsa Matroh","Qaliubia", "Dammam","Jeddah","Madina","Mecca","Ryadh"];
    $("#country, #city").jqxComboBox({height: 40, dropDownHeight:'150px', theme: 'darkblue'});

   $("#country").jqxComboBox({source: country,placeHolder:"Country"});

   $("#city").jqxComboBox({source: city,placeHolder:"City"});

});
</script>