<div class="table_text2">

                    <div class="input-group">
                        <font size = "4"><b>Размерность матрицы:</b></font>
                        <select id="mrow" onchange=" CreateTable(); " class="form-control">
                            <option value="2">2x2</option>
                            <option selected value="3">3x3</option>
                            <option value="4">4x4</option>
                            <option value="5">5x5</option>
                            <option value="6">6x6</option>
                            <option value="7">7x7</option>
                            <option value="8">8x8</option>
                            <option value="9">9x9</option>
                            <option value="10">10x10</option>
                        </select>
                    </div>




                        <div class="col-xs-9 col-sm-6" id="divA">
                            <table class="table_matrix" id="matrixA">
                                <tbody>
                                    <tr>
                                        <td>
                                            <input align = "center" id="a11" type="text" >
                                        </td>
                                        <td>
                                            <input id="a12" type="text" >
                                        </td>
                                        <td>
                                            <input id="a13" type="text" >
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input id="a21" type="text" >
                                        </td>
                                        <td>
                                            <input id="a22" type="text" >
                                        </td>
                                        <td>
                                            <input id="a23" type="text" >
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input id="a31" type="text" >
                                        </td>
                                        <td>
                                            <input id="a32" type="text" >
                                        </td>
                                        <td>
                                            <input id="a33" type="text" >
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>



                <div class="row">
                    <div class="col-sm-4 col-lg-offset-8 col-xs-offset-7 col-sm-offset-9 col-md-offset-7">
                        <input type="button" id="solve" class="btn btn-success" onclick=" cal1(true); " value="Рассчитать" />
                    </div>
                </div>
                <div class="col-xs-12">
                    <div class="col-xs-12 " style="display: none; min-height: 150px; padding: 10px 0 10px 10px; word-wrap: break-word;overflow-x: scroll;" id="results1">
                    </div>
                </div>
            </div>

<script>
    function CreateTable() {
        var element = document.getElementById("matrixA");
        element.parentNode.removeChild(element);
        var columnA = document.getElementById("mrow").value;
        var rowA = document.getElementById("mrow").value;
        var doc = document;

        var fragment1 = doc.createDocumentFragment();
        for (var i = 1; i <= rowA; i++) {
            var tr = doc.createElement("tr");
            for (var j = 1; j <= columnA; j++) {
                var td = doc.createElement("td");
                td.innerHTML = "<input id='a" + i + j + "' type='text'/>";
                tr.appendChild(td);
            }
            fragment1.appendChild(tr);
        }
        var table1 = doc.createElement("table");
        table1.className = "table_matrix";
        table1.id = "matrixA";
        table1.appendChild(fragment1);
        doc.getElementById("divA").appendChild(table1);
    }
</script>