Question

我是javascript的新手。我只想创建一个包含文本框和标签的列表。

因此我使用id cstList创建了 ul标记。

并在 onclick事件

上调用了一个函数listData()

在内部我试图在 div标签中创建输入标记。

但是我在尝试运行时遇到错误。

这是我的代码：

function listData()
    {       
        //var a = sessionStorage.getItem('id');
        if(sessionStorage == null)
        {
            alert("Session storage not supported here");
        }
        else
        {
            var ss = sessionStorage.getItem('id');
            alert("storage value is: "+ss);
        }
    var rows = prompt('Please type in the number of required rows');
    var listCode = '';

    for (var i = 0; i < rows; i++) {
        var listID = 'list_' + i.toString();
        var divID = 'div_' + i.toString();      
            listCode += '<li id="' + listID + '" onclick="itemClicked(this.id);"><div id = "'+ divID + '"> <input type= 'text' id= 'boltQTY' name= 'boltQTY' value = 'abc' size="5"/> </div></li>';
    }
    document.getElementById('cstList').innerHTML = listCode;
    }

这是我收到错误的上述行：意外标识符

 listCode += '<li id="' + listID + '" onclick="itemClicked(this.id);"><div id = "'+ divID + '"> <input type= 'text' id= 'boltQTY' name= 'boltQTY' value = 'abc' size="5"/> </div></li>';

Answer 1

您正在使用单引号，这会破坏字符串。

<input type= 'text' id= 'boltQTY' name= 'boltQTY' value = 'abc' size="5"/>

应该是：

<input type= "text" id= "boltQTY" name= "boltQTY" value = "abc" size="5"/>

Answer 2

那必须是双单双人

listCode += "<li id='" + listID + "' onclick='itemClicked(this.id);'><div id = '"+ divID + "'> <input type='text' id='boltQTY' name='boltQTY' value='abc' size='5'/> </div></li>";

variable = "string" + var1 + "string=' " + var2 +"' ";

只需确保加号（+）在双引号（“”）

之间

如何使用javascript在<div>标签内插入<input />标签？</div>

2 个答案: