changing text dynamically when selecting an option from a dropdown menu

This site is best viewed in a modern browser with JavaScript enabled.

changing text dynamically when selecting an option from a dropdown menu

Illidan740

Hello,

I am working on a products display website and i want the value of the price to change dynamically for every item in the dropdown menu. For example, if i select a product from the dropdown menu, its price shows up. If i select another one, then the previous price changes to the price of the newly selected product. I'm not really sure how to do this. Any suggestions?

Thanks!

JMRKER

Should be easy to do with the appropriate information provided.
However this is a forum, not a programming service.
If you don't know JS, as least provide the HTML outline of what you
want the display to look like along with some (brief) items and prices.

Make some sort of coding attempt.

Illidan740

So Sorry. Didnt know that. Anyways, here's a piece of the html code:

<body>


<div>
<h4 >Select Option:</h4>
<form >
<select name="products">
<option value="item1">Samsung Galaxy S5</option>
<option value="item2">Samsung Galaxy S4</option>
<option value="item3">Samsung Galaxy S3</option>
<option value="item4">Samsung Galaxy S2</option>
</select>
</form>
</div>


<div>
<h4>Price:</h4>
</div>

</body>

Since i have no idea how to show the price of the selected item, i have left that part.

JMRKER

Will this work for you?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />

<title> HTML5 page </title>

</head>
<body>
<form id="myForm" action="" method="post">

<div>
<h4 >Samsung Option: 
 <select id="products" onchange="document.getElementById('price').innerHTML='$'+this.value">
  <option value=""> Select </option>
  <option value="400"> Galaxy S5 </option>
  <option value="300"> Galaxy S4 </option>
  <option value="200"> Galaxy S3 </option>
  <option value="100"> Galaxy S2 </option>
 </select>
</h4>
</div>

<div>
<h4 id="price">Price: $</h4>
</div>

</form>
</body>
</html>

Illidan740

This should work, i think. i'll check it out. thanks!