javascript - jQuery-使用下拉选择器更改<span> text </span>

这可能很容易，但是我是JQuery dunce，并且不断出错!

基本上，我有一个基本的JQuery 1.4+函数来更新输入值-但是现在我很难解决如何使用下拉选择器选择不同的值时，如何同时使用JQuery来同时更新区域中的文本的问题。脚本和HTML如下所示:

$(function() {
  $('#mycups3').change(function() {
    var x = $(this).val();

    $('#myhidden3').val(x);
  });
});

<form action="" method="post">
  <input type="hidden" id="myhidden3" name="quantity" value="1" />
  <input type="submit" name="submit" class="button" id="" value="Button" />
  <select id='mycups3'>
    <option value='1'>1 Item</option>
    <option value='2'>2 Items</option>
    <option value='3'>3 Items</option>
  </select>
  <span>$1.50</span>
</form>

我要添加的内容:
使用下拉选择器时，我还希望<span>$1.50</span>中的值更新。示例-选择值'1'使span中的文本字符串显示$ 1.50-选择下拉菜单中的值'2'使文本字符串显示$ 3.00(或其他)等!

任何线索都将不胜感激!谢谢!

最佳答案

尝试这个:

<script type='text/javascript'>
    $(function() {
        $('#mycups3').change(function() {
            var x = $(this).val();
            $('#myhidden3').val(x);
            $(this).next("span").text("$" + (x * 1.5).toFixed(2));
        });
    });
</script>