javascript - 代码适用于 Firefox,但不适用于 Chrome、Safari

标签 javascript web

以下代码适用于 Firefox 浏览器,但 onClick 不适用于 Chrome 和 Safari。

以下代码中是否缺少任何内容。如果有人可以提供帮助,以便它可以跨浏览器工作。

谢谢。

<html><body><form method="post">
<select>
<option value="aa">Please select</option>
<option value="pst" onClick="populate();">Select Existing State</option>
</select>

<select name="abc" id="example-select" style="width: 160px;"></select>

</form>

<script type="text/javascript" language="javascript">
    var example_array = {state1 : '1# First State', state2 : '2# Secondstate', state3 : '3# Third State'}; 

    function populate() {
        var select = document.getElementById("example-select");
        for(index in example_array) {
            select.options[select.options.length] = new Option(example_array[index], index);
        }
    }
</script>
</body></html>

最佳答案

好的 onclick seems在 webkit 上遇到一些问题尝试将 populateonchange 绑定(bind)

关于javascript - 代码适用于 Firefox,但不适用于 Chrome、Safari,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8411837/

相关文章:

visual-studio - 是否有一个 Visual Studio 模板用于创建客户端 TypeScript 应用程序而无需使用 asp.net 等

javascript - head中调用的js并不总是加载

java - Android:上传字符串到服务器

javascript - Controller 中的 Codeigniter 奇怪的 ajax 结果

javascript - 根据列表中的选择更改 div 的内容

javascript - 删除选定的连接 jsplumb

javascript - Angularjs 文件上传在 ng-if 中不起作用

sql - 我应该将此过滤放在 SQL 还是我的应用程序代码中?

html - 无法弄清楚如何将背景图像放入我的 <div> 工作正常

javascript - 在 Javascript 字符串中发送换行符