Question

在询问之前，我想说我正在网站上工作，而且我仍然是初学者和编码中的菜鸟。

所以我需要知道如何做到这一点：我在一个选择框中选择一个数字，然后它旁边的数字变为我选择的数字。如果您需要更多信息，我会添加一些问题。

谢谢，摇摆斑马

编辑：我仍在尝试为我的网站收集所有代码，因此无法显示任何内容，我已经尝试在w3schools这样的网站上查看，但找不到任何内容。

Answer 1

您可以在选择框中使用事件侦听器，以获取所选的号码，然后更改文本。

您可以在纯JavaScript中执行此操作，或使用jQuery，这是一个帮助很多的JavaScript库！

以下是有关使用jQuery的change() event listener的更多信息。

示例：

$("#input").change(function(){
  alert("The text has been changed.");
});

现在您要做的就是阅读选择框中的值，然后将其显示在您想要的位置！

此处还有一个JSFiddle来显示结果。

Answer 2

使用jQuery你会做这样的事情：

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

......和一些jquery

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

我认为$（this）.val（）将返回所选的选项元素，但它可能是$（这个+＆＃39;选项：select＆＃39;）。val（）或者如果你只有数字作为内容，然后$（此+＆＃39;选项：已选择＆＃39;）。text（）

如何更改选择文字？

2 个答案: