Javascript 如何在选择时更改文本?

Javascript 如何在选择时更改文本?,javascript,html,text,Javascript,Html,Text,在提问之前,我想说的是,我正在一个网站上工作,仍然是一个初学者和编码方面的新手 所以我需要知道如何做到这一点:我在一个选择框中选择一个数字,它旁边的数字将更改为我选择的数字。如果你需要更多的信息,我会补充一些只是问 谢谢, 摇摆斑马 编辑:我仍在尝试收集我网站的所有代码,因此无法显示任何内容。我已尝试在w3schools等网站上查找,但找不到任何内容。您可以使用选择框上的事件侦听器获取所选编号,然后更改文本 您可以在纯javascript中实现这一点,也可以使用jQuery,这是一个非常有用的j

在提问之前,我想说的是,我正在一个网站上工作,仍然是一个初学者和编码方面的新手

所以我需要知道如何做到这一点:我在一个选择框中选择一个数字,它旁边的数字将更改为我选择的数字。如果你需要更多的信息,我会补充一些只是问

谢谢, 摇摆斑马


编辑:我仍在尝试收集我网站的所有代码,因此无法显示任何内容。我已尝试在w3schools等网站上查找,但找不到任何内容。

您可以使用选择框上的事件侦听器获取所选编号,然后更改文本

您可以在纯javascript中实现这一点,也可以使用jQuery,这是一个非常有用的javascript库

下面是关于使用jQuery的更多信息

例如:

$("#input").change(function(){
  alert("The text has been changed.");
});
现在,您所要做的就是读取选择框中的值,然后将其显示在所需的位置


这里还有一个示例向您展示结果。

使用jQuery,您可以执行以下操作:

<div>
  <select name="mySelect">
    <option value="1">1</option>
    ...etc.
  </select>
  <div id="myNumber">
    would like my number here
  </div>

1.
等
我要我的电话号码
... 还有一些jquery

<script>
  $('select[name=mySelect]').change(function(){
     $('#myNumber').text( $(this).val() );
  });
</script>

$('select[name=mySelect]')。更改(函数(){
$('#myNumber').text($(this.val());
});

我认为$(this).val()将返回所选的option元素,但它可能是$(this+'option:selected').val(),或者如果您只将数字作为内容,则返回$(this+'option:selected').text()

是的,到目前为止您的代码听起来是可行的。你试过什么?(我们总是想先看看你有什么,初学者与否。)如果你对html和javascript非常熟悉并理解这一点,使用onchange方法触发javascript函数,更改ITJSIDLE旁边的数字。使用jQuery或任何其他javascript框架会有帮助吗?