Javascript 无法使用JS函数打开模态

这几天我一直在摆弄密码。它来自一个我不得不修改的旧项目

剧本

<script src='http://code.jquery.com/jquery-latest.min.js'></script> 
<script src="/lib/bootstrap/js/bootstrap.min.js"></script>
<link href="/css/styles.css" rel="stylesheet" />
@*<script src="/js/jquery.js"></script>
  <script src="/js/date.js"></script>*@

<script src="/wijmo/controls/wijmo.min.js" type="text/javascript"></script>
<script src="/wijmo/controls/wijmo.input.min.js"></script>
<script src="/wijmo/controls/wijmo.grid.min.js" type="text/javascript"></script>
<script src="/wijmo/controls/wijmo.chart.min.js"></script>
<link href="/wijmo/styles/wijmo.min.css" rel="stylesheet" />
@*<link href="/css/bootstrap.min.css" rel="stylesheet" /> --- this S.O.B will make things white. Big "NO, NO" *@

@*
*@
@*---这个S.O.B会让东西变白的。大“不，不”*@

模态：

<!-- Test Modal-->
<div class="modal fade" id="TestModal" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <!--Modal Header-->
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">Modal Test</h4>
            </div>
            <!--Modal Body-->
            <div class="modal-body">
                <dl class="dl-horizontal">
                    <dt>Branch Code</dt>
                    <dd>
                        <input class="form-control" id="BC" type="text" />
                    </dd>
                    <dt>Branch</dt>
                    <dd>
                        <input class="form-control" id="B" type="text" />
                    </dd>
                    <dt>Company ID</dt>
                    <dd>
                        <input class="form-control" id="CID" type="text" />
                    </dd>
                </dl>
            </div>
            <!--Modal Footer-->
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="TestEdit" onclick="CmdBranchEditOk_OnClick()">
                Ok
                </button>
                <button type="button" class="btn btn-danger" data-dismiss="modal" id="TestModalCancel">
                Cancel
                </button>
            </div>
        </div>
    </div>
</div>

&时代；
模态试验
分支代码
分支机构
公司ID
好啊
取消

Javascript函数：

<Script>
    @*Test Function*@
    function OpenModal() {
        $('#TestModal').modal('show');

        document.getElementById('BC').value = "Test";
        document.getElementById('B').value = "Test";
        document.getElementById('CID').value = "Test";

    }
</script>

@*测试功能*@
函数OpenModal（）{
$（'TestModal'）.modal（'show'）；
document.getElementById（'BC'）.value=“Test”；
document.getElementById（'B'）.value=“Test”；
document.getElementById（'CID'）.value=“Test”；
}

触发器（按钮）：

开放模式

---

我在这里遗漏了什么？

检查您的控制台您有java脚本错误

TypeError: document.getElementById(...) is null
document.getElementById('B').value = "Test";

单击此id=B“此行中缺少属性的”

 <input class="form-control" id=B" type="text" /> 

---

将其添加到jquery部分。请参见此

 $('#CmdAddBranch').click(function(){

    $('#TestModal').modal('show');
    $('#BC').val("Test") ;
       $('#B').val("Test");
    $('#CID').val("Test");
});

在修复id线后再次尝试。还是没什么，有什么问题吗？
 <input class="form-control" id="B" type="text" /> 

 $('#CmdAddBranch').click(function(){

    $('#TestModal').modal('show');
    $('#BC').val("Test") ;
       $('#B').val("Test");
    $('#CID').val("Test");
});