动态插入新的html元素

时间:2012-11-19 13:13:35

标签: javascript jquery html

我有以下代码运行etape.html启动页面,它允许在html块中插入n次迭代。

对于第一次迭代,一切都很好并且出现,但在第二次迭代中,div块中没有任何内容。

按“ Suivant ”按钮执行次要考虑因素,该按钮允许重新加载页面etape.html

有人有任何想法吗?

index=0;    
$("#etape").live('pageshow', function() {

    if(index>5)
    {
    //Go to other Page
    }

    switch(id_type_champ)
    {
        case 1:
            $('#header-right-container').append(''+nom_champ+'<input type="text" id='+Id+'  >  ').trigger("create");
            alert("case 1");
            break;
        case 2:
            $('#header-right-container').append(''+nom_champ+'<input type="text" id='+Id+' > ').trigger("create");
            alert("case 2");
            break;
        case 3:
            $('#header-right-container').append(''+nom_champ+'<input type="date" id='+Id+' OnClick="aff_date(\'' + Id + '\')">').trigger("create");
            alert("case 3");
            break;
        case 4:
            $('#header-right-container').append(''+nom_champ+'<select id='+Id+'    ><option value=0></option></select>').trigger("create");
            alert("case 4");
            break;
        case 5:
            $('#header-right-container').append(''+nom_champ+'<select id='+Id+' ><option value=0> </option></select> ').trigger("create");
            alert("case 5");
            break;
        case 6:
            $('#header-right-container').append(''+nom_champ+'<select id='+Id+' ><option value=0> </option></select> ').trigger("create");
            alert("case 6");
            break;
        case 7:
            $('#header-right-container').append(''+nom_champ+'<select id='+Id+' ><option value=0> </option></select> ').trigger("create");
            alert("case 7");
            break;
        case 8:
            $('#header-right-container').append(''+nom_champ+'<select id='+Id+' ><option value=0> </option></select> ').trigger("create");
            alert("case 8");
            break;
        case 9:
            $('#header-right-container').append(''+nom_champ+'<select id='+Id+' ><option value=0> </option></select> ').trigger("create");
            alert("case 1");
            break;
        default:
            $('#header-right-container').append(''+nom_champ+'<select id='+Id+' ><option value=0> </option></select> ').trigger("create");
            alert("case 1");
            break;
    }

    $('#header-left-container').append('<a href="etape.html" data-role="button"  OnClick="DoAction()" data-icon="arrow-r"    data-iconpos="right"  data-theme="a" id="suivant">Suivant</a> ').trigger("create");
}

function DoAction()
{
    //$('#'+id+'').val() ;        //GET text
    //$('#'+id+'').val('AAAAAA'); //SET
    index++;
    alert('Button has been clicked avec un index =  a '+ index);
}

1 个答案:

答案 0 :(得分:0)

我看不到代码,但我会检查您是否添加了多个具有相同ID的HTML元素。我需要独一无二。

<select id='+Id+' >

Id是否是在第二次迭代时重置的计数器?在第二次迭代运行之前,第一次迭代存储在某处,而不是删除吗?使用萤火虫等进行检查。