$("<td/>").html('<textarea class="form-control" style="height: 60px;" disabled>' + detail.patchDesc + '</textarea>').appendTo(tr) 我这样生成textarea有误吗,为什么我的textarea不会自动换行

根据您提供的代码，生成 textarea 的方式是正确的。然而，根据您描述的问题，您希望 textarea 自动换行，但是它没有实现这个效果。

这个问题可能是由于 `detail.patchDesc` 中的换行符没有正确地被渲染为 HTML 的换行标签 `<br>`。为了解决这个问题，您可以使用 JavaScript 的 `replace()` 方法将换行符 `\n` 替换为 `<br>`，然后将文本插入到 textarea 中。

以下是示例代码：

$("<td/>").html('<textarea class="form-control" style="height: 60px;" disabled>' + detail.patchDesc.replace(/\n/g, '<br>') + '</textarea>').appendTo(tr);

在上面的代码中，我们使用了正则表达式 `/\\n/g` 来匹配所有的换行符 `\n`，然后使用 `replace()` 方法将其替换为 `<br>` 标签。

这样，通过上述代码生成的 textarea 中的文本就会正确地进行换行显示。请注意，为了使 textarea 正确显示多行文本，需要将其高度调整为适当的值，如上例中的 `style="height: 60px;"`。

相关问题

<table> <form action="updatePerson.do?personId=${sessionScope.updateById.personId}" method="post"> <tr> <td>姓名：</td> <td><input type="text" name="personName" value="${sessionScope.updateById.personName}"></td> </tr> <tr> <td>称呼：</td> <td> <input type="text" name="personNickName" value="${sessionScope.updateById.personNickName}"></td> </tr> <tr> <td>性别：</td> <td><input type="radio" name="personSex" value="${sessionScope.updateById.personSex}">男<input type="radio" name="personSex" value="${sessionScope.updateById.personSex}">女</td> </tr> <tr> <td> 类别：</td> <td><input type="text" name="kindId" value="${sessionScope.updateById.kindId}"></td> </tr> <tr> <td>生日：</td> <td><input type="text" name="personBirthday" value="${sessionScope.updateById.personBirthday}"></td> </tr> <tr> <td>电话：</td> <td><input type="text" name="personTelephone" value="${sessionScope.updateById.personTelephone}"></td> </tr> <tr> <td>QQ：</td> <td> <input type="text" name="personQQ" value="${sessionScope.updateById.personQQ}"></td> </tr> <tr> <td> 邮箱：</td> <td><input type="text" name="personEmail" value="${sessionScope.updateById.personEmail}"></td> </tr> <tr> <td> 地址：</td> <td> <input type="text" name="personAddress" value="${sessionScope.updateById.personAddress}"></td> </tr> <tr> <td> MSN：</td> <td><input type="text" name="personMSN" value="${sessionScope.updateById.personMSN}"></td> </tr> <tr> <td> 简介：</td> <td><textarea cols="10" rows="5" name="personInfo">${sessionScope.updateById.personInfo}</textarea></td> </tr> <tr> <td><input type="submit" name="重填" value="重填"></td> <td><input type="submit" name="提交" value="提交"></td> </tr> </form> </table>为上述代码设计简单分格的ss和js代码

以下是简单的HTML和JavaScript代码：

HTML代码：

<table>
  <form id="updateForm" action="updatePerson.do?personId=${sessionScope.updateById.personId}" method="post">
    <tr>
      <td>姓名：</td>
      <td><input type="text" name="personName" value="${sessionScope.updateById.personName}"></td>
    </tr>
    <tr>
      <td>称呼：</td>
      <td><input type="text" name="personNickName" value="${sessionScope.updateById.personNickName}"></td>
    </tr>
    <tr>
      <td>性别：</td>
      <td>
        <input type="radio" name="personSex" value="男" checked>男
        <input type="radio" name="personSex" value="女">女
      </td>
    </tr>
    <tr>
      <td> 类别：</td>
      <td><input type="text" name="kindId" value="${sessionScope.updateById.kindId}"></td>
    </tr>
    <tr>
      <td>生日：</td>
      <td><input type="text" name="personBirthday" value="${sessionScope.updateById.personBirthday}"></td>
    </tr>
    <tr>
      <td>电话：</td>
      <td><input type="text" name="personTelephone" value="${sessionScope.updateById.personTelephone}"></td>
    </tr>
    <tr>
      <td>QQ：</td>
      <td><input type="text" name="personQQ" value="${sessionScope.updateById.personQQ}"></td>
    </tr>
    <tr>
      <td> 邮箱：</td>
      <td><input type="text" name="personEmail" value="${sessionScope.updateById.personEmail}"></td>
    </tr>
    <tr>
      <td> 地址：</td>
      <td><input type="text" name="personAddress" value="${sessionScope.updateById.personAddress}"></td>
    </tr>
    <tr>
      <td> MSN：</td>
      <td><input type="text" name="personMSN" value="${sessionScope.updateById.personMSN}"></td>
    </tr>
    <tr>
      <td> 简介：</td>
      <td><textarea cols="10" rows="5" name="personInfo">${sessionScope.updateById.personInfo}</textarea></td>
    </tr>
    <tr>
      <td><input type="button" name="重填" value="重填" onclick="resetForm()"></td>
      <td><input type="button" name="提交" value="提交" onclick="submitForm()"></td>
    </tr>
  </form>
</table>

JavaScript代码：

function resetForm() {
  document.getElementById("updateForm").reset();
}

function submitForm() {
  var form = document.getElementById("updateForm");
  if (form.checkValidity()) {
    form.submit();
  } else {
    alert("请完善所有信息！");
  }
}

其中，resetForm()函数用于重置表单，submitForm()函数用于提交表单。在submitForm()函数中，我们使用了form.checkValidity()方法来检查表单是否完整，如果表单完整，则使用form.submit()方法提交表单，否则弹出提示框提醒用户完善表单信息。

<title>医院住院管理系统</title> </head> <body> <div class="title"> <h2>药品发放</h2> </div> <div class="main"> <form id="drugs_delivery"> <table> <tr> <td> <p class="short-input ue-clear"> <label><font color="red">*</font>住院号：</label> </p> </td> <td> <p class="short-input ue-clear"> <input results="s" type="search" readonly name="patientId" id="patientId" /> </p> </td> <td> <p class="short-input ue-clear"> <label><font color="red">*</font>姓名：</label> </p> </td> <td> <p class="short-input ue-clear"> <input type="text" readonly name="patientName" id="patientName" /> </p> </td> </tr> <tr> <td> <p class="short-input ue-clear"> <label><font color="red">*</font>药品编号：</label> </p> </td> <td> <p class="short-input ue-clear"> <input type="search" results="s" readonly name="drugId" id="drugsId" /> </p> </td> <td> <p class="short-input ue-clear"> <label>数量：</label> </p> </td> <td> <p class="short-input ue-clear"> <input type="text" name="drugCount" id="num" onblur="checkdrugsnum()" /> <input type="hidden" name="num1" id="num1"> <p class="short-input ue-clear"> </td> </tr> <tr> <td> <p class="short-inpue-clear"> <label><font color="red">*</font>药品名称：</label> </p> </td> <td> <p cla

ss="short-input ue-clear"> <input type="text" readonly name="drugName" id="drugsName" /> </p> </td> <td> <p class="short-inpue-clear"> <label>规格：</label> </p> </td> <td> <p class="short-input ue-clear"> <input type="text" readonly name="drugSpec" id="drugsSpec" /> </p> </td> </tr> <tr> <td> <p class="short-input ue-clear"> <label>剂量：</label> </p> </td> <td> <p class="short-input ue-clear"> <input type="text" readonly name="drugDosage" id="drugsDosage" /> </p> </td> <td> <p class="short-input ue-clear"> <label>单位：</label> </p> </td> <td> <p class="short-input ue-clear"> <input type="text" readonly name="drugUnit" id="drugsUnit" /> </p> </td> </tr> <tr> <td colspan="4"><label><font color="red">*</font>用法用量：</label><textarea rows="3" cols="30" name="drugUsage"></textarea></td> </tr> <tr> <td> <p class="short-input ue-clear"> <label>医生：</label> </p> </td> <td> <p class="short-input ue-clear"> <input type="text" readonly name="doctorName" id="doctorName" /> </p> </td> <td> <p class="short-input ue-clear"> <label>发放人：</label> </p> </td> <td> <p class="short-input ue-clear"> <input type="text" readonly name="deliveryName" id="deliveryName" value="自动填写" /> </p> </td> </tr> </table> <div class="btn"> <div class="button"> <p class="submit"> <input type="submit" value="确定" id="delivery_submit" /> </p> </div> </div> </form> </div> </body> </html>