Javascript 如何在另一个位置显示“选择”菜单中的选项标题

我正在尝试从选择菜单中的选定选项获取标题属性。我花了一天多的时间在这上面，我正在寻求帮助。我找到了几种使用value属性的方法，但是现在我需要在页面的其他地方使用title属性

这是我目前的尝试，尽管我已经经历了多次迭代。我列出了两个可能的脚本，尽管最终只会使用一个。第一个可能的脚本可能包括Jquery，如果它包含，并且可以在这里使用，您能将它翻译成Javascript吗，因为我不擅长这两种语言？元素的顺序是否正确

<select id="amount_id" onclick="function()">
<option value="" disabled="disabled">Amount</option> 
  <option value="0" title="None">0</option>
  <option value="1" title="One Quarter">1/4</option>
  <option value="2" title="One Half">1/2</option>
  <option value="3" title="Three Quarters">3/4</option>
  <option value="4" title="All">100%</option>
</select>
<textarea id="displayTitle"></textarea>
<script>
$(document).ready(function(){
    $(document).on('click','#amount_id',function(){
       var result = $("option:selected",this).attr('title');
       $("#displayTitle").text(result);
    });
});
</script>

或

---

谢谢。

这里是第一个代码的JavaScript替代：

数量 0 1/4 1/2 3/4 100% document.getElementByIdamount_id.addEventListener'change'，函数{ var eTitle=this.options[this.selectedIndex].getAttribute'title'； document.getElementByIddisplayTitle.value=eTitle； };

---

下面是第一个代码的JavaScript替代方案：

数量 0 1/4 1/2 3/4 100% document.getElementByIdamount_id.addEventListener'change'，函数{ var eTitle=this.options[this.selectedIndex].getAttribute'title'； document.getElementByIddisplayTitle.value=eTitle； };

---

检查您的控制台日志：onclick=函数给您一个错误。删除它可以解决您的问题，因为jQuery代码从一开始就没有被破坏。我建议的唯一改变是收听更改事件，而不是点击事件：使用键盘从下拉列表中选择值的用户将不会触发点击事件。嗨，特里，你的帖子我听不懂。我相信你是对的，因为奇克先生在他的职位上删除了onclick这段话。我很欣赏点击与改变这一课。感谢您的帮助。请检查您的控制台日志：onclick=函数向您提供了一个错误。删除它可以解决您的问题，因为jQuery代码从一开始就没有被破坏。我建议的唯一改变是收听更改事件，而不是点击事件：使用键盘从下拉列表中选择值的用户将不会触发点击事件。嗨，特里，你的帖子我听不懂。我相信你是对的，因为奇克先生在他的职位上删除了onclick这段话。我很欣赏点击与改变这一课。谢谢你的帮助，这正是我需要的。你和特里帮了我大忙，这正是我所需要的。你和特里帮了我大忙。

<script>
function run(){
  document.getElementById("displayTitle").value = 
document.getElementById("amount_id").value;}
</script>