Question

我正在使用jQuery的append()，attr()和text()通过ajax调用向我的select元素添加选项。当我尝试在w3验证器上验证我的页面时，我在使用append()函数创建的元素上遇到错误。这是功能：

$.post("blah.php", function(result) {
    var places = result.split(" ");
    $.each(places, function(key, value) {
        $("#usrplaces")
        .append($("<option><\/option>")
        .attr("value", value)
        .text(value.replace(/\+/g, " ")))
    })
})

验证器显示4个错误：

Quote " in attribute name. Probable cause: Matching quote missing somewhere earlier. (2x)
Attribute value"" not allowed on element option at this point.
Element option without attribute label must not be empty.

为什么我会收到错误？

Answer 1

这是你需要的

$.each(places, function(key, value) {
    var text = value.replace(/\+/g, " ");
    var newoption = "<option value=\""+value+"\">"+text+"</option>";
    $("#usrplaces").append(newoption);
})

Answer 2

使用此

.append("<option></option>")

为什么我的jquery创建元素（选项）失败html5验证

2 个答案: