Jump to content

onchange to switch span font color.


turpentyne

Recommended Posts

I have a basic javascript to change the text in a span, based on a select dropdown. THe basic script worked, but when I tried adding in an if statement to make it change to the selected color only if the dropdown is a value greater than the default value. I tried  != '0', != null and != ''. Still nothing.

 

<script>
function highlighter(nameit,adderup) {
var e = document.getElementById(adderup);
var strUser = e.options[e.selectedIndex].value;
if (stringUser != '') {

elementtochange = document.getElementById(nameit);
elementtochange.style.color = "orange";
} else {
	elementtochange = document.getElementById(nameit);
elementtochange.style.color = "black";
	}

}
</script>

<!-- looped dropdowns, from php and mysql -->
<select style="width:70px;" name="participantqty[<?= $c_row['workshop_id'] ?>]" id="participantqty<?= $c_row['workshop_id'] ?>"   onChange="highlighter('selectedclass<?= $c_row['workshop_id'] ?>', 'participantqty<?= $c_row['workshop_id'] ?>')">
<option value="">select </option>
  <option value="1"  width=45>1 </option>
  <option value="2"  width=45>2 </option>


</select>

Link to comment
https://forums.phpfreaks.com/topic/261392-onchange-to-switch-span-font-color/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.