从本地系统打开文本文件,而不使用Bootstrap模态体中的输入标签

时间:2016-12-12 17:39:10

标签: javascript jquery html

这是我的按钮式锚标记:

<a id="1" class="data btn btn-primary tag_cnt" style="top:144px; left:510px" onclick="showModal('data'); reply_click();" type="button" value="1">Abc(1).txt</a>

<a id="1" class="data btn btn-primary tag_cnt" style="top:144px; left:510px" onclick="showModal('data'); reply_click();" type="button" value="1">Abc(2).txt</a>

<a id="1" class="data btn btn-primary tag_cnt" style="top:144px; left:510px" onclick="showModal('data'); reply_click();" type="button" value="1">Abc(3).txt</a>

使用用于Bootstrap模式的脚本:

function showModal(data){
    reply_click();
    function reply_click(){
        var idd = event.srcElement.id;

        var title = document.getElementById(idd).text;
        $("#myModal .modal-title").html(title);
        $("#myModal .modal-con").html("paharagraph");
        $("#myModal").modal();
    }
}

这是一个Bootstrap模式:

<div class="modal modal-wide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<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">Title</h4>
  </div>
  <div class="modal-body">
      <div class="col-md-7 modal-con" style="border: 1px solid grey;">
        hello<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
      </div>
      <div class="col-md-5 modal-cont" style="border: 1px solid grey;">
        hello<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
      </div>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  </div>
</div>
</div>
</div>

我想打开不同的文本文件,点击在模态体中使用锚标记创建的不同按钮。我应该做什么,因为我已经尝试了所有的方法,但没有得到任何东西。我想在不使用模态体的输入框的情况下使用JavaScript打开文件。

1 个答案:

答案 0 :(得分:0)

Use ajax for load external file :

click here for demo