Set value of html label

Ask Question Forum:

Model Library:2025-02-08 Updated:A.I. model is online for auto reply question page

Show

ASK RECENT

Set value of html label

Asked by ank5

at 2024-08-12 21:58:32

Point:300 Replies:3 POST_ID:828741USER_ID:11616

Topic:

JavaScript;;Hypertext Markup Language (HTML)

I'm trying to set value of html field using Javascript -

HTML

<input type="text" id="test" name="test" >

1:

Select All Code

Javascript

document.getElementById("test").value = 'myname';"

1:

Select All Code

This works fine. Only problem is that the control where value is set, I don't want it to be an input field but something like a label. Is that possible?

Assisted Solution

Expert: julianH replied at 2024-08-13 02:00:06

50 points EXCELLENT

You can also look at JQuery
To change a non-form element

<script src="http://code.jquery.com/jquery.js"></script><script type="text/javascript">$(function() {   $('#changeLable').click(function() {     $('#test').html('New Value');   });});</script>...<label id="test">Old Value</label><input type="button" id="changeLable" value="Change Lable" />

1:2:3:4:5:6:7:8:9:10:11:

Select All Code

To change a form element

<script src="http://code.jquery.com/jquery.js"></script><script type="text/javascript">$(function() {   $('#changeValue').click(function() {     $('#test').val('New Value');   });});</script>...<intput type="text" id="test" value="Old Value"/><input type="button" id="changeValue" value="Change Value" />

1:2:3:4:5:6:7:8:9:10:11:

Select All Code

Accepted Solution

Expert: duncanb7 replied at 2024-08-12 22:42:50

200 points EXCELLENT

document.getElementById("test").value= 'myname'; that is not working

and how about using innerHTML instead of value ?

document.getElementById("test").innerHTML = 'myname';

or $("#test").text("myname");

<label id="test" for="something">Something</label>

Assisted Solution

Expert: bigeven2002 replied at 2024-08-12 22:08:58

50 points EXCELLENT

Hello,

I found a similar question here and the link below is what one of the users on that site posted.

http://jsfiddle.net/mendesjuan/VBVtE/3/

On the example, when you toggle the status between Retiree and Employee, the next field label dynamically changes. Is this similar to what you are looking for?

新聞財經娛樂♬資訊 News Economy

About Us|Service|Pricing

Stock Index全球即時指數期貨:

&nbps;

News即時新聞:↓

News即時新聞:↑

On Balance Volume (OBV):

Youtube Video♬ Sharing by members:↓

Youtube Video♬ Sharing by members:↑

Ask Question Forum:

Set value of html label

Your Information

Members/Profolio