使用敲除js将数据从一个部门绑定到另一部门

如何解决使用敲除js将数据从一个部门绑定到另一部门

我是淘汰js的新手，我有一种情况需要将数据从一个分区绑定到另一个分区。请在下面找到代码。单击发送按钮时无法按下

<div>
  <!-- Button trigger modal -->
  <button type="button" id="mymodal" class="btn btn-primary btn-lg" data-toggle="modal"  data-target="#myModal">
  Add New Message
  </button>
</div>
<br />
<br />
<div>
  <table>
    <thead>
      <tr>
        <th>
          From
        </th>
        <th>
          To
        </th>
        <th>
          Role
        </th>
        <th>
          Subject
        </th>
        <th>
          Message
        </th>
      </tr>
    </thead>
    <tbody data-bind="foreach: Message">
      <tr>
        <td data-bind="text: from">
        </td>
        <td data-bind="text: to">
        </td>
        <td data-bind="text: role">
        </td>
        <td data-bind="text: subject">
        </td>
        <td data-bind="text: message">
        </td>
      </tr>
    </tbody>
  </table>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">New Message</h4>
      </div>
      <div class="modal-body">
        <div style="display: inline-grid">
          From: 
          <asp:TextBox ID="from" class="datepicker" data-bind="value: frombox"  runat="server"></asp:TextBox>
        </div>
        <div style="display: inline-grid">
          To: 
          <asp:TextBox ID="to" class="datepicker" data-bind="value: tobox" runat="server"></asp:TextBox>
        </div>
        <br />
        <br />
        <div>
          <select class="form-control" name="displayCount" id="displayCount" data-bind="value: valueDisplayCount;">
            <option value="Director">Director</option>
            <option value="DSO">DSO</option>
            <option value="CEO">CEO</option>
          </select>
        </div>
        <br />
        <br />
        <div>
          <label>Subject: </label>
          <asp:TextBox class="subject" ID="subBox" runat="server"></asp:TextBox>
        </div>
        <br />
        <div >
          <asp:TextBox class="summernote"  ID="txtSummernote" runat="server" TextMode="MultiLine" Rows="2"></asp:TextBox>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <%--<button type="button" class="btn btn-primary" OnClick="send_btn()" >Send</button>--%>
        <asp:Button ID="btnsend" class="btn btn-primary" runat="server"  Text="send" />
      </div>
    </div>
  </div>
</div>
</form>
<script type="text/javascript">
  function MessageViewModel() {
      var self = this;
  
      self.Message = ko.observableArray([
          { from: '09/13/2020',to: '09/15/202',role: 'DSO',subject: 'sub',message: 'message' },{ from: '09/13/2020',message: 'message' }
      ]);
  
      self.addItem = function () {
          self.Message.push({ from: 'd',to: 'sddds2',role: 'sdfdsfsdsdf',message: 'message' });
      };
  
  }
  
  ko.applyBindings(new MessageViewModel());
  
</script>