Change list item text

[barrypalmer]

Hi

Forgive me if a stupid question but . . .

I have
[HTML]<ul>
<li id='menu1'>MENU ONE</li>
<li id='menu2'>MENU TWIO</li>
<li id='menu3'>MENU ONE</li>
....... etc....
</ul>[/HTML]

and some Javascript

function updateMenu(item) {
    menuID="menu" + document.theform.which.value;
    document.getElementById(menuID).value=item.value;
}

I have checked menuID & it is correct( 'menu3' )

item.value is also good text

What is wrong ???

[epots9]

where is the part of the code that calls the "updateMenu" function?

[barrypalmer]

Sorry - incomplete submission

the updateMenu is called from an onChange event in a form.

so <input type='text' id='shortform' value='' onChange='updateMenu(this)'>

Further reading seems to imply that the <li> element's value is actually its position in the list.
How can I change the associated text ?

[acoder]

You could use innerHTML instead.

[acoder]

Changed the thread title to better describe the problem.

[barrypalmer]

Thanks - innerHTML - I just came back to say I had discovered this solution only to find the suggestion waiting here for me !

I embedded <span id='menu1'> ...pure text... </span>
since I have some other stuff within the <li> . . .</li>


Is this cross-browser safe ?

[acoder]

Yes, though it's not part of the standards, it should work in pretty much all modern browsers.