Question

我正在运行Chrome 34并在我的localhost上使用XAMPP开发一个小应用程序。单击一段文本后，我让jQuery使用.load(path/file.stub.php)抓取一小段HTML。发生的情况是，该表单会显示在页面，标签和所有内容上，但option下拉列表中的select值不会显示。它们是静态的，并存在于正在加载的代码片段中。

这是jQuery：

$(document).ready(function () {

    $("#getStarted").on("click", function() {

        //Render create player form in content div
        $("#content").load("stubs/createPlayerForm.stub.php");
    });

});

我很困惑为什么会发生这种情况并且没有好运。谷歌搜索这个问题，因为它很难知道如何发表这个问题。提前感谢您阅读。

编辑：使用Google Hosted Libraries中的jQuery 1.11.0。

Answer 1

事实证明，在开场/标记的末尾有一个错误的<select>，例如<select name="foo" id="foo" />

虽然这个片段在放入静态HTML页面时在Chrome 34中呈现得很好，但jQuery .load()函数将其转换为：<select name="foo" id="foo"></select>显然不正确呈现为这意味着它下方的<option>值未正确附加到select元素。

使用jQuery动态加载html表单不会带来<select> values </select>

1 个答案: