单击下拉列表更改在chrome或opera上不起作用的输入值

drop down list onclick change value of input not working on chrome or opera

本文关键字：不起作用输入 opera 下拉列表 chrome 单击更新时间：2023-09-26

我有下拉项目列表。当我选择一个项目时。它应该更新项目价格的输入框。但它在firefox和IE 9上运行得很好。不要使用铬或歌剧。有人有主意吗？

<option onclick="javascript:document.getElementById('price').value='$0.00'"/>   

<input type="text" name="price" id="price" />

代码中的这些<option>元素应该封装在<select>元素中。当选择发生更改时，会触发一个更改事件。您应该通过处理更改事件（而不是单击特定元素）来更新UI。您可能还应该将处理程序函数分解到一个外部JavaScript文件中（并将其放入一个命名函数中），而不是像使用这段示例代码那样在HTML文件中内联定义处理程序。