表单:如何在Jquery上的div下显示值作为文本?

时间:2011-09-08 14:02:05

标签: jquery html

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>

如何在div中显示值(红色,橙色,绿色)?

1 个答案:

答案 0 :(得分:0)

你的代码工作唯一我改变的是使用你设置的变量“src”或者不设置它......

Working JSFiddle Example

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