Question

我有一个字符串数组，我想在每个数组元素中显示自己的<div>标记 <div "class">one</div><div class"two">one</div>和每个div标记都应该包含一个对所有人都通用的类。所有流程均从点击按钮开始

按钮代码

<asp:Button OnClientClick="abc();" runat="server" />

JAVASCRIPT FUNCTION

function abc()
    {
        debugger;
        var arrayVariable = "one,two,three";
        var arrayLength = arrayVariable.length;
        var temp;
        for (i = 0; i < arrayLength; i++) {
            temp = document.createElement('div');
            temp.className = 'results';
            temp.innerHTML = arrayVariable[i];
            $('#inputcomshow').append(temp);
            //document.getElementById("#inputcomshow").value = replaced
        }

        }

Answer 1

首先需要将字符串转换为数组使用此：

   function abc()
    {
        debugger;
        var stringVariable = "one,two,three"; // string
        var arrayVariable = stringVariable.split(","); // now string to array
        var arrayLength = arrayVariable.length;
        var temp;
        for (i = 0; i < arrayLength; i++) {
            temp = document.createElement('div');
            temp.className = 'results';
            temp.innerHTML = arrayVariable[i];
            $('#inputcomshow').append(temp);
            //document.getElementById("#inputcomshow").value = replaced
        }
     return false;
    }

Answer 2

使用此

<asp:Button OnClientClick=" javascript:return abc();" runat="server" />



    <script>
    function abc() {
        debugger;
        var stringVariable = "one,two,three"; // string
        var arrayVariable = stringVariable.split(","); // now string to array
        var arrayLength = arrayVariable.length;
        var temp;
        for (i = 0; i < arrayLength; i++) {
            temp = document.createElement('div');
            temp.className = 'results';
            temp.innerHTML = arrayVariable[i];
            $('#inputcomshow').append(temp);
            //document.getElementById("#inputcomshow").value = replaced
        }
        return false;
    } 
</script>

Answer 3

尝试使用数量较少的变量和纯javascript，因为您只使用单行jQuery代码$('#inputcomshow').append(temp);。

function abc(){
    var arrayVariable = "one,two,three";
    arrayVariable = arrayVariable.split(',');
    for (i = 0; i < arrayVariable.length; i++) {
        temp = document.createElement('div');
        temp.className = 'results';
        temp.innerHTML = arrayVariable[i];
        document.getElementById("inputcomshow").appendChild(temp);
    }
}

使用Array创建div

3 个答案: