In my drop-down list, I have selection 1(A) and selection 2(B). If I select A from the drop-down list, I want to see a name, Janifer. If I select B, I want to see another name, David. 

```
var mylist = document.getElementById("mylist");

if (mylist.value == "1") {
    document.getElementById('myalllist').getElementsByTagName('option')[1].selected = 'selected';
}
if (mylist.value == "2") {
    document.getElementById('myalllist').getElementsByTagName('option')[2].selected = 'selected';
}

```

HTML:

```
<select id="mylist" onchange="fndropoption()">
    <option>Select</option>
    <option>1</option>
    <option>2</option>
</select>

<select id="myalllist" onchange="fndropoption()">
    <option value="1">xxxxxxxx</option>
    <option value="2">yyyyyyyy</option>
</select>

```