text changing

[Feudalism]

When list-field changes, it should automatically change some text.

<select name="part" class="input_text">
     <option value="1"> Motor </option>
     <option value="2"> Steel </option>
     <option value="3"> Glass </option>
</select>

<p>Price for each [part] is : 20 </p>

The "[part]" text should change dinamically

[NokX]

you'll wanna do something like this...

javascript

function changeText(menu) {
     document.getElementById("change-this").innerHTML = menu.options[menu.selectedIndex].innerHTML;
}

html

<select name="part" class="input_text" onchange="changeText(this);">
     <option value="1"> Motor </option>
     <option value="2"> Steel </option>
     <option value="3"> Glass </option>
</select>

<p>Price for each <span id="change-this">whatever</span> is : 20 </p>

[Feudalism]

Excellent... now, how can I make this function to be active from the begining, at no change event? Eg: If at the beginning it's selected some value (it hasnt changed yet)

[NokX]

maybe something like this...

javascript

window.onload = function() {
     changeText(document.getElementById("part"));
}

html

<select name="part" id="part" class="input_text" onchange="changeText(this);">
     <option value="1"> Motor </option>
     <option value="2"> Steel </option>
     <option value="3"> Glass </option>
</select>

when the window is loaded it will call on that function, looking at your menu ("part") and seeing what is currently selected.

[Feudalism]

Where should I place the javascript?