我现在花几个小时在一件事上。 innerHTML 更改 div 或
JavaScript 代码:
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
模态:
<!-- Template -->
<div id="faqask" class="modal fade" tabindex="-1" role="dialog" style="display: none;">
<div class="modal-dialog modal-lg" style="margin-top:20%;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Uzdot Jautājumu</h4>
</div>
<div class="modal-body">
<p id="demo" >trlololo</p>
<button onclick="myFunction()">Click me</button>
<select name="faqcategory" id='inputSelect' class="form-control form-group-margin input-lg">
<option value="" disabled selected>-Izvēlies-</option>
<option value="visparigie" />Vispārīgie
<option value="serveris"/>Serveris
<option value="pakalpojumi"/>Pakalpojumi
</select>
<textarea placeholder="Tavs Jautājums" class="form-control form-group-margin input-lg" rows="6"></textarea>
<div class="clearfix"><button class="btn btn-lg btn-block btn-flat btn-primary" onclick="faqsend()">Iesūtīt jautājumu</button></div>
</div>
</div><!-- / .modal-content -->
</div><!-- / .modal-dialog -->
</div>
<!-- / Template -->
我测试过,如果我把 trlololo
放在 MODAL 之外,trololo 会更改为 Hello World,如果我把它放在里面,什么也不会发生。但我真的希望它能够工作,因为我想将错误发送到模态,所以当按下按钮时用户会将结果发送到模态。但无法改变它。超出剂量。
最佳答案
您的代码似乎可以在 jsfiddle 上运行。但是,当 javascript 运行到正文内部时(可能是在页面加载之后),我必须进行更改。但是,您可以切换到 jQuery,因为 Bootstrap 需要它来处理您对按钮的单击。
$('#yourButtonID').click(function() {
$('#demo').html('Hello World!');
});
JSFiddle
我添加了一个按钮来显示模式。
如果您不想更改代码,那么我建议添加 myFunction()
到 <body>
末尾之前的页面末尾标签。
关于javascript - Bootstrap 模式中的innerHTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32481672/