blocks|key|2267519|text|使用html方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2267520|$('span').html("$1.50");|code-block|syntax|javascript|2267521|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>use html method.</p>

<pre><code>$('span').html("$1.50");
</code></pre>


blocks|key|1823201|text|我建议将id添加到span中，然后执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1823202|+$('#spanID').text($(this).val());|code-block|syntax|javascript|1823203|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I would suggest adding an id to the span then doing something like this:</p>

<pre><code> $('#spanID').text($(this).val());
</code></pre>


blocks|key|203498|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|203499|<script+type='text/javascript'>+++++
++++$(function()+{+++++++++
++++++++$('#mycups3').change(function()+{+++++++++++++
++++++++++++var+x+=+$(this).val();+++++++++++++
++++++++++++$('#myhidden3').val(x);+++++++++
++++++++++++$(this).next("span").text("$"+%2B+(x+*+1.5).toFixed(2));
++++++++});+++++
++++});+
</script>+|code-block|syntax|javascript|203500|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Try this:</p>

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


blocks|key|2267557|text|您可以使用text()函数来设置或获取HTML元素的文本(不适用于输入字段！)。您的代码示例可能如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2267558|<script+type='text/javascript'>
$(function()+{
++++$('#mycups3').change(function()+{
++++++++var+x+=+$(this).val();
++++++++$('#myhidden3').val(x);
++++++++$('form+span').text('$'%2B(x*1.5));
++++});
});
</script>|code-block|syntax|javascript|2267559|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can use the text() function to set or get the text of an HTML Element (does not work on input fields!). Your code example might look like this:</p>

<pre><code>&lt;script type='text/javascript'&gt;
$(function() {
    $('#mycups3').change(function() {
        var x = $(this).val();
        $('#myhidden3').val(x);
        $('form span').text('$'+(x*1.5));
    });
});
&lt;/script&gt;
</code></pre>


blocks|key|2262061|text|在选择要修改的跨度后，可以使用.html()函数，例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2262062|$('span').html('$'%2B(x*1.5))|code-block|syntax|javascript|2262063|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You could use the .html() function after you selected the span you want to modify e.g.:</p>

<pre><code>$('span').html('$'+(x*1.5))
</code></pre>


blocks|key|1823304|text|工作示例：http://jsfiddle.net/peeter/fyFxp/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1823305|$(document).ready(function()+{
++++$('#itemQuantitySelect_3').change(function()+{

++++++++var+itemPrice+=+1.50;
++++++++var+itemQuantity+=+$(this).val();
++++++++var+quantityPrice+=+(itemPrice+*+itemQuantity).toFixed(2);

++++++++$(this).next("span").html("$"+%2B+quantityPrice);

++++});
});|code-block|syntax|javascript|1823306|我对您的HTML进行了一些更改(更易于理解的字段名称/ID)，但您应该了解基本概念。|1823307|我还删除了您的隐藏字段，因为我认为复制数据没有意义。您从选择框中选择的值将已经发送到服务器，然后您将拥有一个执行完全相同操作的隐藏字段。|1823308|您可以使用关键字itemQuantity_3+(在PHP+$_POST‘’itemQuantity_3‘中)获取服务器端的数量。|1823309|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/peeter/fyFxp/^0|5|X|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|C|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|C|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

<h2>Working example: <a href="http://jsfiddle.net/peeter/fyFxp/" rel="nofollow">http://jsfiddle.net/peeter/fyFxp/</a></h2>

<pre><code>$(document).ready(function() {
    $('#itemQuantitySelect_3').change(function() {

        var itemPrice = 1.50;
        var itemQuantity = $(this).val();
        var quantityPrice = (itemPrice * itemQuantity).toFixed(2);

        $(this).next("span").html("$" + quantityPrice);

    });
});
</code></pre>

<p>I've changed your HTML a bit (more understandable field names/IDs), but you should  get the basic idea.</p>

<p>I also removed your hidden field as I see no point in duplicating data. Your selected value from the select box will already be sent to the server and then you have an hidden field that does exactly the same. </p>

<p>You can get the quantity server-side with the keyword itemQuantity_3 (in PHP $_POST['itemQuantity_3']).</p>


<p>This might be easy, but I'm a JQuery dunce and keep getting errors!</p>

<p>Basically, I have a basic JQuery 1.4+ function that updates an input value - but now I'm having a hard time figuring out how to also use JQuery to simultaneously update a text in the  area when different values are chosen with a dropdown selector. The Script and HTML looks like this:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(function() {
  $('#mycups3').change(function() {
    var x = $(this).val();

    $('#myhidden3').val(x);
  });
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form action="" method="post"&gt;
  &lt;input type="hidden" id="myhidden3" name="quantity" value="1" /&gt;
  &lt;input type="submit" name="submit" class="button" id="" value="Button" /&gt;
  &lt;select id='mycups3'&gt;
    &lt;option value='1'&gt;1 Item&lt;/option&gt;
    &lt;option value='2'&gt;2 Items&lt;/option&gt;
    &lt;option value='3'&gt;3 Items&lt;/option&gt;
  &lt;/select&gt;
  &lt;span&gt;$1.50&lt;/span&gt;
&lt;/form&gt;</code></pre>
</div>
</div>
</p>

<p>What I want to add:
When using the dropdown selector, I also want the value in the <code>&lt;span&gt;$1.50&lt;/span&gt;</code> to update. Example - selecting a value of '1' makes the text string in <code>span</code> show $1.50 - selecting a value of '2' in the dropdown makes the text string show $3.00 (or whatever) etc!</p>

<p>Any clues are greatly appreciated! Thanks!</p>


Jquery - change <span>text</span> with dropdown selector

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

这可能很简单，但我是一个JQuery笨蛋，总是收到错误！基本上，我有一个基本的JQuery 1.4+函数来更新输入值-但现在我很难弄清楚，当用下拉选择器选择不同的值时，如何使用JQuery同时更新区域中的文本。脚本和HTML如下所示：​$(function() {  $('#mycups3').change(funct...

问Jquery -使用下拉选择器更改<span>文本</span>
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery -使用下拉选择器更改<span>文本</span>EN