codemirror 一个页面内有多个textarea,但类型为HTML与JS,如何实现分配

codemirror 一个页面内有多个textarea,但类型为HTML与JS,怎么实现分配
因为codemirror要求textarea的id为code
用getElementById只能获取到第一个
不知道第二个要设置的话怎么做
------解决方案--------------------

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link type="text/css" href="../CodeMirror-2.1/VeryHuo.Com/lib/codemirror.css" rel="stylesheet" />
    <script type="text/javascript" src="../CodeMirror-2.1/VeryHuo.Com/lib/codemirror.js"></script>
    <script type="text/javascript" src="./bootstrap/js/jquery-1.9.1.min.js"></script>
</head>
<body>
<textarea id="sql"></textarea>
<textarea id="sql1"></textarea>
<textarea id="sql2"></textarea>
<script>
    $(function(){
        var mime="text/x-mysql";
        window.editor = CodeMirror.fromTextArea(document.getElementById('sql'), {
            mode: mime,
            indentWithTabs: true,
            smartIndent: true,
            lineNumbers: true,
            matchBrackets : true,
            autofocus: true
          });
        window.editor1 = CodeMirror.fromTextArea(document.getElementById('sql1'), {
                    mode: mime,
                    indentWithTabs: true,
                    smartIndent: true,
                    lineNumbers: true,
                    matchBrackets : true,
                    autofocus: true
                  });
        window.editor2 = CodeMirror.fromTextArea(document.getElementById('sql2'), {
                           mode: mime,
                           indentWithTabs: true,
                           smartIndent: true,
                           lineNumbers: true,
                           matchBrackets : true,
                           autofocus: true
                         });

    });
</script>
</body>
</html>

我下载试验了下 可以打开多个