Untitled

<!DOCTYPE html>
<html>
<body>

<h2>Dropdown </h2>

Dropdown Satu
<select id="cmbOne" onchange="callItem(this)"></select>

Dropdown Dua
<select id="cmbTwo"></select>


</body>
</html>

<script>
var cmbOne = document.getElementById('cmbOne');
var cmbTwo = document.getElementById('cmbTwo');

dataCmbOne = ['tes','tos','tis'];

dataTes=['aa','aaa','aaaa'];
dataTos=['bb','bb','bbbb'];
dataTis=['ccc','cccc','cc'];


for(var i = 0; i< dataCmbOne.length; i++) {
    var option = document.createElement('option');
    option.text = option.value = dataCmbOne[i];
    cmbOne.add(option, 0);
}

function callItem(data){
    var value = data.value;
    var item=[];

    if(value=='tes')
        item = dataTes;
    else if(value=='tos')
        item = dataTos;
    else if(value=='tis')
        item = dataTis;

    document.getElementById("cmbTwo").options.length=0;
    for(var i = 0; i< item.length; i++) {
        var option = document.createElement('option');
        option.text = option.value = item[i];
        cmbTwo.add(option, 0);
    }
}
</script>