javascript - 单选按钮在 Chrome 和 IE 中消失

Question

我有一个表格单元格，我通过 jQuery 向其中添加一个单选按钮。它在 Firefox 中显示正常，但在 Chrome 或 IE 中则不显示。我正在粘贴此的最小化版本(只是单个单选按钮的代码，而不是所有单选按钮的代码)

这是表格行:

        <tr>
        <td style="text-align: right; vertical-align:top">
            <strong>Hard drive type:</strong></td>
        <td id="custom_hddtype">
            </td>
    </tr>

这是 JavaScript:

$('#custom_hddtype').append('<input type="radio" name="hddtype" id="'+products_custom['hddtype'][i]['id']+'" value="'+products_custom['hddtype'][i]['id'] />'+products_custom['hddtype'][i]['name']+'<br />');

有人知道为什么它不显示吗？

Answer 1

此处缺少 value 属性的结束引号:

value="'+products_custom['hddtype'][i]['id'] />

应该是:

value="'+products_custom['hddtype'][i]['id']+'" />
                                             ^^ missing

完成后，整体看起来应该像这样:

$('#custom_hddtype').append('<input type="radio" name="hddtype" id="'+products_custom['hddtype'][i]['id']+'" value="'+products_custom['hddtype'][i]['id']+'" />'+products_custom['hddtype'][i]['name']+'<br />');