Jquery -使用下拉选择器更改<span>文本</span>
Jquery -使用下拉选择器更改<span>文本</span>
提问于 2011-04-11 20:07:41
这可能很简单，但我是一个JQuery笨蛋，总是收到错误！
基本上，我有一个基本的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 (或其他值)，等等！
任何线索都非常感谢！谢谢!
回答 6
Stack Overflow用户
回答已采纳
发布于 2011-04-11 20:13:49
试试这个：
<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> Stack Overflow用户
发布于 2011-04-11 20:11:21
我建议将id添加到span中，然后执行以下操作：
$('#spanID').text($(this).val());Stack Overflow用户
发布于 2011-04-11 20:15:44
在选择要修改的跨度后，可以使用.html()函数，例如：
$('span').html('$'+(x*1.5))页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5621019
复制相关文章
相似问题
腾讯云开发者
