Javascript 按id获取选项值适用于chrome而不是mozilla

我想在“价格”字段中插入从“最大尺寸”字段中选择的选项的值。这在chrome中有效，但在Mozilla中无效。我一直在想原因，但没有成功

<div class="form-group"><label class="sr-only" for="id_max_size">Max 
   Size</label><select name="max_size" title="" required class="form-control" id="id_max_size">
   <option value="" disabled selected>Size ↓</option>
   <option value="10">AAA</option>
   <option value="20">BBB</option>
   <option value="30">CCC</option>
   <option value="40">DDD</option>
</select>

---

我如何让它与Mozila一起工作？我遗漏了什么？

您可以将代码更改为以下内容，它将正常工作。您可以添加

change

EventListener

并将

事件作为参数传入


document.getElementById（'id\u max\u size'）。addEventListener（“更改”，函数（事件）{
document.getElementById（'id_price'）。value=event.target.value；
});

马克斯
大小
大小↓
AAA
BBB
CCC
DDD
您可以将您的代码更改为以下内容，它将正常工作。您可以添加
change
EventListener
并将
事件作为参数传入


document.getElementById（'id\u max\u size'）。addEventListener（“更改”，函数（事件）{
document.getElementById（'id_price'）。value=event.target.value；
});

马克斯
大小
大小↓
AAA
BBB
CCC
DDD
if event.target为什么不使用$this呢？我真的不懂javascript。你是说我应该用$this替换event.target？对不起。我的建议是使用jqueryWhy不使用$this代替if event.target？我真的不懂javascript。你是说我应该用$this替换event.target？对不起。我的建议是使用JQueryTanks，现在可以使用了！我还有一个问题也和Mozilla有关。我可以继续问吗？我想最好再提一个问题。谢谢你现在的工作！我还有一个问题也和Mozilla有关。我可以继续问吗？我想最好再提出一个问题。
document.getElementById('id_max_size').onchange = function () {
    document.getElementById('id_price').value = event.target.value  
};;