Javascript jQuery表单中的.change函数存在问题

我正在编写一个脚本，该脚本根据用户在“选择”菜单中的输入更改跨距文本值

我当前的脚本有一个错误。如何解决此问题？当我单击“结束日期”，然后再次单击“开始日期”时，它会在范围中显示“开始日期”

演示：

$function{ $'usertype'.changefunction{ $this.nextspan.text结束日期； }; }; 开始日期 结束日期 结束日期 开始日期 这就行了

$function{ $'usertype'.changefunction{ $this.nextspan.text$'usertype选项：selected'。text； }; }; 开始日期 结束日期 结束日期 开始日期 这就行了

$function{ $'usertype'.changefunction{ $this.nextspan.text$'usertype选项：selected'。text； }; }; 开始日期 结束日期 结束日期 开始日期 像这样：

$(function() {         
    $('#usertype').change(function() {        
        let text=$(':selected',this).text();
        $(this).next("span").text(text);
    });     
}); 

像这样：

$(function() {         
    $('#usertype').change(function() {        
        let text=$(':selected',this).text();
        $(this).next("span").text(text);
    });     
}); 

---

您需要确定所选选项，然后确定该选项中的文本

 $(function() {         
    $('#usertype').change(function() { 
        var selectedText = $("#usertype option[value='"+ $(this).val() +"']").text();
        $(this).next("span").text(selectedText);
    });     
}); 

---

查看此JSFIDLE

您需要确定所选选项，然后确定该选项中的文本

 $(function() {         
    $('#usertype').change(function() { 
        var selectedText = $("#usertype option[value='"+ $(this).val() +"']").text();
        $(this).next("span").text(selectedText);
    });     
}); 

---

查看这个jsfiddle，希望它能帮助你

为span like提供id：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="" method="post">
  <input type="hidden" id="myhidden3" name="quantity" value="1" />
  <select id='usertype'>
        <option value='1'>Start Date</option>
        <option value='2'>End Date</option>
        <option value='3'>End Date</option>
      </select>
  <span id='span_text'>Start Date</span>
</form>

---

希望这对你有帮助

为span like提供id：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="" method="post">
  <input type="hidden" id="myhidden3" name="quantity" value="1" />
  <select id='usertype'>
        <option value='1'>Start Date</option>
        <option value='2'>End Date</option>
        <option value='3'>End Date</option>
      </select>
  <span id='span_text'>Start Date</span>
</form>

---

较短：$this.nextspan.text$'option:selected'，this.text@anete.anetes你能把你的评论扩大一点吗？有可能根据一个类而不是下一个类来确定范围吗？示例-我可能有两个文本：@michaelmcgurk Yes。。你可以考虑问另一个问题。一步一个脚印：@michaelmcgurk这个怎么样：$this.nextspan.text$'maintance'，$'option:selected'，this.is'：checked'。text也可以阅读吗？更短：$this.nextspan.text$'option:selected'，this.text@anete.anetes你能把你的评论扩大一点吗？有可能根据一个类而不是下一个类来确定范围吗？示例-我可能有两个文本：@michaelmcgurk Yes。。你可以考虑问另一个问题。一步一个脚印：@michaelmcgurk这个怎么样：$this.nextspan.text$'.maintance'，$'option:selected'，this.is'：checked'。文本也可以阅读吗？为什么这么复杂$this.nextspan.text$'option:selected'，this.text；每个人都有自己的观点和想法。我想我们是独立于stackoverflow来表达我们的想法和解决问题的方法@mplungjan但你的问题是不必要的复杂@AKA如果是这样的话，将没有评论部分。正如你所说，我们是独立于stackoverflow的，把我们认为为什么这么复杂$this.nextspan.text$'option:selected'，this.text；每个人都有自己的观点和想法。我想我们是独立于stackoverflow来表达我们的想法和解决问题的方法@mplungjan但你的问题是不必要的复杂@AKA如果是这样的话，将没有评论部分。正如你所说，我们独立于stackoverflow，将我们认为更好的东西放在上面：-注意，let是ES5，var将在任何更好的地方工作：-注意，let是ES5，var将在任何地方工作