下拉列表onclick更改输入的值不适用于chrome或opera

Question

我有下拉项目列表。当我选择一个项目。它应该更新项目价格的输入框。 但它在firefox和IE 9上运行完美。不要使用chrome或opera。有谁有想法？

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


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

Answer 1

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