how to change text within a label tag (or equivalent)

wrbodine · Oct 7, 2003

Hi,

I have labels for text boxes on an html form, and I need to change the text that's displayed between these labels when a certain drop-down value is selected. I know how to call a JavaScript client-side function in the onChange attribute of the select box, but how do I change the text in the label? Or is there another way to accomplish this?

like, right now I've got
<label for="IDNumber">Driver's License Number</label>
<input type="text" name="IDNumber" value="strIDNumber">

how can I modify the words "Driver's License Number"?

Thanks,
Ray

tgreer · Oct 7, 2003

Does it have to be label? Some tags support the .innerHTML property. You just refer to object.innerHTML, setting it equal to a text string.

Thomas D. Greer

http://www.tgreer.com

tgreer · Oct 7, 2003

label tags are fine. Use innerHTML if you want HTML, or you can use the simpler innerText property:

Code:

<html>
<body>
<label id=&quot;IDNumber&quot;>Driver's License Number</label>
<br>
<button onClick=&quot;x=document.getElementById('IDNumber'); x.innerText='New Label text';&quot;>Change Label</button>
</body>
</html>

Thomas D. Greer

http://www.tgreer.com

wrbodine · Oct 7, 2003

thanks, Thomas!

That worked great!

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

how to change text within a label tag (or equivalent)

wrbodine

Programmer

tgreer

Programmer

tgreer

Programmer

wrbodine

Programmer

Similar threads

Part and Inventory Search

Sponsor