Change Data on dropdown-menu

by Bunlong Heng

HTML

<form>Student :
    <select id="dd" onchange="myStudent()">
        <option value="A">A</option>
        <option value="B">B</option>
    </select>
    <p>Selected Student :
        <input type="text" id="student" size="2" value="A">
    </p>
</form>
<div id="result">Details :
    <br>
</div>

JavaScript

function myStudent() {
    var selected = dd.options[dd.selectedIndex].text;
    var dd = document.getElementById("dd");
    document.getElementById("student").value = selected;
}

var A = {
    name: "Andrew",
    age: 26,
    country: "United States"
};
var B = {
    name: "Barry",
    age: 23,
    country: "Italy"
};

var result = document.getElementById("result");

result.innerHTML += JSON.stringify(A, undefined, 6);