Add or Remove attribute with onchange - WORKS!

Add the name attribute or remove it with an onchange event.

by Colin Soderstrom

HTML

<p>
    <select id="mySelect" class="categorySelect">
    <option value=""><default</option>
    <option value="select2">select2</option>
    <option value="select3">select3</option>
    </select>
</p>

<p>
    <select id="select2" class="selectorClass">
    <option value="1">1</option>
    </select>
</p>

<p>
    <select id="select3" class="selectorClass">
    <option value="1">1</option>
    </select>
</p>

JavaScript

$("#mySelect").change(function() {
    $(".selectorClass").removeAttr("name");
    var x = document.getElementById("mySelect").value;
    if($("#" + x)) {
        $("#" + x).attr("name", "myName");
    }
});