将 HTML 存储到 javascript 变量中

Question

我在使用一些 javascript 时遇到了一些问题。我正在使用 jQuery 动态添加行 到一张桌子。此外，JavaScript 是从一些 PHP 和 Kohana 代码生成的。

这是脚本。

<script type="text/javascript">   
    function delExtensionNumber(element){
        $(element).prev().attr('value', 'X'); 
        $(element).parent().parent().hide();
    }

    function addExtensionNumber(){
        lines = <?php echo form::dropdown($ext_id."[did]", $lines, ''); ?>;
        extensions = <?php echo form::dropdown($ext_id."[extension]", $phones, ''); ?>;

        $('#line-extensions > tbody:last').append('<tr><td>'+lines+'</td><td>'+extensions+'</td><td><input type="hidden" name="'+<?php echo $ext_id;?>+'[state]" value="0" /><a class="hide" onclick="delExtensionNumber(this)"></a></td></tr>');

        <?php $ext_id++; ?>
    }
</script>

这在 Firefox 中运行良好。但是在 IE 和 Chrome 中它不起作用。谷歌浏览器没有任何反应。在 IE 中，我在页面上收到错误消息。该错误是语法错误。它不喜欢字行后面的

好的，所以我想我最好在这个字符串周围加上引号。但是......当我这样做时，没有任何效果。

Answer 1

我只是假设form::dropdown 正在输出纯 HTML。在 Firefox 中，这是用E4X 解释的，然后在连接时转回字符串。 IE 和 Chrome 不支持 E4X。要使其正常工作，您可以执行以下操作：

lines = <?php echo json_encode(form::dropdown(...)); ?>;

编辑：当你在它周围加上引号时它不起作用的原因是因为 HTML 包含引号。上面的代码将正确地转义引号。

Answer 2

Chrome 不支持 XML 文字语法，你不能写例如line = <div>foo</div>，你必须把数据封装成一个字符串。

lines = '<?php echo form::dropdown($ext_id."[did]", $lines, ""); ?>;'

可以工作（你也应该逃避'）

Answer 3

我强烈推荐你使用 Jquery DOM Creation Plugin

• Easy DOM creation for jQuery

这样会容易很多。