[英]Open text file from local system without using input tag in Bootstrap modal-body
这是我的按钮样式锚标记:
<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">×</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的模式主体中使用输入框的情况下打开文件。
Use ajax for load external file :
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.