javascript - textarea 值未显示在区域中

Question

我正在为以下问题摸不着头脑。

我有一个复选框。如果选中，我会显示一个文本区域，并通过下面的 Javascript 删除样式。在每次页面加载时，文本区域都会隐藏，并在文本区域标记之间加载数据。当用户点击它时，它应该出现，但它没有这样做!当我用 Firebug 或 Chrome 检查它时，我看到了它应该在的地方的数据。在 Firebug 中，如果我即时添加 class=""，它就会出现，但是当我离线添加它时，它会在页面加载时出现，但不会出现。

抱歉，有点神秘，此页面是一个更大的嵌入式网页的一部分，在互联网上不可用。

你有什么想法吗？

HTML 代码:

<tr id="my_tr" style="display: none;">
<td colspan="2">
<div id="my_div">
<textarea cols="25" rows="3" name="my_textarea">initial data to be shown</textarea>
</div>
</td>
</tr>

<小时/>

JS代码:

function show_hide_my_textarea() {
  var my_checkbox = $(tick_box_ref);
  var my_tr = document.getElementById("my_tr");

  if (my_checkbox.checked == true) {
      my_tr.style.display = '';
  } else {
      my_tr.style.display = 'none';
  }
}

更新:啊抱歉，我没有正确解释。文本区域本身出现，但它仍然是空的。

Answer 1

if (my_checkbox.checked == true) {
    my_tr.style.display = 'table-row';
} else {
    my_tr.style.display = 'none';
}

将显示设置为无无效，请尝试将其设置为table-row。 https://developer.mozilla.org/en/CSS/display