Question

JQuery

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#value").change(function() {
var src = $(this).val();
$("#valuePreview").html($(this).val());
});
});

HTML

<select name="value" id="value" class="inputbox" size="1">
<option value=""> - Select Value- </option>
<option value="red">lamp1</option>
<option value="orange">lamp2</option>
<option value="green">lamp3</option>
</select>
<div id="valuePreview">displays value here</div>

How to display value (red, orange, green) in div?

Answer 1

Your code works the only thing I’d change is to use the variable you set “src” or don’t set it…

Working JSFiddle Example

$(document).ready(function() {
   $("#value").change(function() {
      var src = $(this).val();
      $("#valuePreview").html(src);
   });
});