jQuery - Update text in div/span element based on dropdown selection

by katalin_2003

HTML

<span id="files">test</span>
<select name="hdd" id="hdd" class="select-field">
    <option value="C" default="default">C</option>
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
    <option value="D">D</option>
</select>

JavaScript

jQuery(document).ready(function () {
    $("#hdd").on("change", function () {
        $("#files").html(this.value);
    });
});