如何使用javascript将数据附加到ol li

VSN

我需要将数据附加到已经存在的有序列表(ol li)。但是我无法使用下面提到的功能附加数据

这是我的朋友:

<ol class="dd-list" id="classroomdatalist">
    <li class="dd-item" data-id="2">
        <div class="dd-handle classroom_side-bdr"><b>Classroom</b></div>
        <c:forEach items="${records.cList}" var="records1">
            <ol class="dd-list" id="classroomlist${records1.classroomID}">
        <li id="cs1" class="dd-item" data-id="3" value="${records1.levelID}">
                    <div class="dd-handle">
                        <a href="javascript:classroomShow(${records1.classroomID})" id ="classroomName${records1.classroomID}"> ${records1.videoFile}</a>
            <img class="delete_img" alt="" src="../resources/images/Trash.png" title="delete" id="delete_btn"  data-toggle="modal" data-target="#windowTitleconfirmation" onclick="javascript:deleteValues(${records1.classroomID},'classroom')">
                    </div>
                </li>
            </ol>
        </c:forEach>
    </li>
</ol>

这是我的附加javascript函数

function classroomadd(){

    console.log("level"+level);
    var clg = ${param.clg};
    var levelID = level;

    videoFile = document.getElementById("videoFile").value;
    soundFile = document.getElementById("soundFile").value;
    var classroomData = {
        videoFile:videoFile,
        soundFile:soundFile,
        levelID:levelID,
        clg:clg
    };
    $.ajax({
        type : "post",
        url : "classroomAdd",
        data: JSON.stringify(classroomData),
        dataType:'json',
        contentType:'application/json',
        mimetype:'application/json',
        cache : false,
        beforeSend : function(xhr) {
            xhr.setRequestHeader("Accept", "application/json");
            xhr.setRequestHeader("Content-Type", "application/json");
        },
        success : function(response) {
            console.log("Success: "+response.sucess);


            $("#classroomdatalist").append('<li>'+response.sucess+'</li>'); 

            $("#classroomcontent_div").hide();
        },
        error : function(xhr) {
            console.log("Sorry, there was a problem! " + xhr.status);
        },
        complete : function() {
            console.log("Request complete");
        }
    }); 
}

你能帮助任何人吗…………

烈士

问题是您两次包含了jQuery库。你有:

  • jQuery的1.8.3.js
  • jquery-1.3.2.min.js <-删除此一个

只保留一个,并使用@SkyBuzz提供的代码:

var data = "Some data";
$( "#myId" ).append($('<li/>').html(data)); 

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用jquery在单击事件上将<li>附加到另一个<ol>?

来自分类Dev

如何将<Button>附加到<li>?(javascript)

来自分类Dev

如何将li附加到ul

来自分类Dev

如何使用forEach循环将按钮附加到javascript中的每个<li>标记

来自分类Dev

使用appendChild将li附加到ul

来自分类Dev

如何将<li>附加到<ul>并使用jquery同时在<li>上设置css

来自分类Dev

如何将<li> <a超链接附加到php变量?

来自分类Dev

无法使用jQuery将LI附加到UL

来自分类Dev

将li附加到jcoverflip图像库

来自分类Dev

将li附加到父ul

来自分类Dev

将 Font Awesome 图标附加到 <li>

来自分类Dev

如何使用可拖动和可拖放将<li>附加到<ul>?

来自分类Dev

如何使用可拖动和可拖放将<li>附加到<ul>?

来自分类Dev

如何在jQuery UI中使用Draggable和Droppable将拖放的li附加到droppable ui中?

来自分类Dev

如何在jQuery UI中使用Draggable和Droppable将拖动的li附加到droppable ui中?

来自分类Dev

如何将多个跨度添加到 <li> javascript

来自分类Dev

从OL移除LI元素

来自分类Dev

使用JavaScript将多个Li添加到Ul

来自分类Dev

Javascript使用数组将li添加到ul

来自分类Dev

使用JavaScript将多个Li添加到Ul

来自分类Dev

将<li>添加到<ul>并删除附加到<ul>的<li>

来自分类Dev

如何将 <li> 隐藏在某个 <ol> 中?查询

来自分类Dev

如何使用jQuery将“ <li>”添加到“ <ul>”?

来自分类Dev

单击提交按钮时如何使用JavaScript将li元素添加到ul

来自分类Dev

将事件处理程序附加到每个li

来自分类Dev

ProtractorJS测试是否将新的LI元素附加到UL

来自分类Dev

无法将Button元素附加到li父级

来自分类Dev

将答案(li标签)附加到相应的Questio(ul标签)

来自分类Dev

d3将img附加到li

Related 相关文章

热门标签

归档