Hi all. I'm pretty green with html and all. I've got a number of <select> drop down menus that work well enough, passing the selected value to attributes that I use in my api scripts. Today I was trying to get a little fancier and make each option a different color that changed the color of the selected value. For the life of me I could not get this to work, and it seems like my onchange events are not triggering my scripts. Is there any whole-sale reason why this method won't work? The following code is a little jumbled cause I'm trying everything I can find all at once. Also, I'm trying to change the value of the attribute via these scripts as a test because I actually log that. The scripts below do not alter the selected value, its always the value of the selected option. <select style="color:brown;font-weight:bold;width:80px" id = "elemSel2" onchange="dropDownChange5(this.style.color)" name="attr_soulElem">
<option style="color:brown;font-weight:bold" selected = "selected" value="0">Solid</option>
<option style="color:blue;font-weight:bold" value="1">Flow</option>
<option style="color:pink;font-weight:bold" value="2">Life</option>
<option style="color:red;font-weight:bold" value="3">Radiant</option>
<option style="color:green;font-weight:bold" value="4">Scatter</option>
<option style="color:black;font-weight:bold" value="5">Void</option>
</select>
<script>
function dropDownChange5(thisColor){
thisColor = "blue"
}
</script>
<script>
document.getElementById("elemSel2").onchange = function() {myFunction()};
function myFunction() {
document.getElementById("elemSel2").style.color = "blue";
var x = document.getElementById("elemSel2");
x.value = "-1"
var attrName = x.name
attrName.set("current",-1)
x.style.color = "blue"
}
</script>
