Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript getElementByID使用引导模式失败_Javascript_Jquery_Html_Twitter Bootstrap - Fatal编程技术网

Javascript getElementByID使用引导模式失败

Javascript 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">

我对JS getElementByID有以下问题: 我有一个带有引导模式的.php文件(kalender.php)。因此,单击按钮(#showModalDownload)后,模式显示出来,应该会显示一些内容。 但是首先触发一个JS脚本,它应该用一些内容填充模式。 这是我的密码: Kalender.php

    <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">&times;</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。