Javascript getElementByID使用引导模式失败
我对JS getElementByID有以下问题: 我有一个带有引导模式的.php文件(kalender.php)。因此,单击按钮(#showModalDownload)后,模式显示出来,应该会显示一些内容。 但是首先触发一个JS脚本,它应该用一些内容填充模式。 这是我的密码: Kalender.phpJavascript getElementByID使用引导模式失败,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我对JS getElementByID有以下问题: 我有一个带有引导模式的.php文件(kalender.php)。因此,单击按钮(#showModalDownload)后,模式显示出来,应该会显示一些内容。 但是首先触发一个JS脚本,它应该用一些内容填充模式。 这是我的密码: Kalender.php <div class="modal fade" id="icsImport"> <div class="modal-dialog">
<div class="modal fade" id="icsImport">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Absencen Herunterladen</h4>
</div>
<div class="modal-body">
<p>Bitte wählen Sie die zu exportierenden Absenzen aus</p>
<div id="downloadContent">
<div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Abbrechen</button>
<button type="button" class="btn btn-info">Herunterladen</button>
</form>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script src="javascripts/main.js"></script>
</body>
&时代;
海伦特莱登缺席
你是一个出口国吗
取消
赫伦特莱登
main.js
$('#showModalDownload').click(function(){
$("#icsImport").modal('show');
$.ajax({
type: "POST",
url: "login.php",
data: {"export": "true"},
dataType: "json",
success: function(data){
var response=(data);
var container = document.createElement('div');
var checkboxContainer = document.createElement('div');
checkboxContainer.setAttribute('class', 'checkbox');
var label;
var checkBox;
for(i=0;i<response.length;i++){
label = document.createElement('label');
checkBox = document.createElement('input');
checkBox.type = "checkbox";
label.appendChild(checkBox);
label.innerHTML = "test";
// label.innerHTML = response['date'][i] + " " + response['typ'][i];
checkboxContainer.appendChild(label);
container.appendChild(checkboxContainer);
}
$(document).ready(function(){
downloadContent = document.getElementById('#downloadContent');
downloadContent.appendChild(container);
});
}
});
$('showModalDownload')。单击(函数(){
$(“#ICS导入”).modal('show');
$.ajax({
类型:“POST”,
url:“login.php”,
数据:{“导出”:“真”},
数据类型:“json”,
成功:功能(数据){
var响应=(数据);
var container=document.createElement('div');
var checkboxContainer=document.createElement('div');
setAttribute('class','checkbox');
var标签;
var复选框;
对于(i=0;i传递到getElementById
的值只是id
,而不是选择器。您不需要将#
放在它前面
// No # here ------------------------------v
downloadContent = document.getElementById('downloadContent');
downloadContent.appendChild(container);
但是当您使用jQuery时,为什么不…使用jQuery呢
$("#downloadContent").append(container);
(成功处理程序的其他方面也可以更好地利用jQuery,但这可能是最需要的部分,尤其是因为jQuery可以解决旧版本IE上的getElementById
中的bug。)传递到getElementById
的值只是id
,而不是选择器。您不会将#
放在它前面
// No # here ------------------------------v
downloadContent = document.getElementById('downloadContent');
downloadContent.appendChild(container);
但是当您使用jQuery时,为什么不…使用jQuery呢
$("#downloadContent").append(container);
(成功处理程序的其他方面也可以更好地利用jQuery,但这可能是最需要的部分,尤其是因为jQuery可以解决旧版本IE上的getElementById
中的bug。)thx allot。没有看到有一个#…也感谢您对jQuery append的输入,我也更改了thant.thx allot。没有看到有一个#…也感谢您对jQuery append的输入,我也更改了thant。