5

我有一个表格项目列表，当按下复制按钮时，所有表格项目都会连接到一个文本框中，被选中，然后放在 Windows 剪贴板上。

框的格式如下：

<tr>
  <td>Name of Person:</td>
  <td><textarea name="name" rows="2" cols="30" id="name"></textarea></td>
</tr>
<tr>
  <td>Type of Service:</td>
  <td><select name="drop1" id="txt_drop1">
      <option value="">None</option>
      <option value="Type of Service: Minimal">Minimal</option>
      <option value="Type of Service: Normal">Normal</option>
      <option value="Type of Service: Full">Full</option>
      <option value="Type of Service: Premium">Premium</option>
    </select></td>
</tr>
<tr>
  <td>Dollar Amount:</td>
  <td><textarea name="amount" rows="1" cols="30" id="txt_info2"></textarea></td>
</tr>
<tr>
<td><textarea name="bigtextbox" rows="5" cols="30" id="txt_info2"></textarea></td>
</tr>

我需要的是格式，因为当按下复制按钮时，生成的文本会以一种简洁的方式连接起来。我可以这样实现：

姓名：John
服务类型：全额
：125 美元

但如果下拉框中没有选择任何选项，我也不需要换行，如下所示：

姓名：John
金额：$125

代替：

姓名：约翰

金额：125 美元

有没有办法将格式代码（例如 '\n' ）应用于选项的值？现在，单击复制按钮后，我所有的非框文本框都在连接代码中格式化，例如：

    <input type="button" style="font-weight:bold;" name="clipboard_copy" value="Copy" onClick="document.data_entry.bigtextbox.value = 'Name:&nbsp;' + document.data_entry.name.value + '\n' + document.data_entry.drop1.value + '\n' + 'Amount: $' + document.data_entry.amount.value>
4

1 回答 1

1

可能我没看懂你。我以为您想将option元素格式更改为select元素。如果你想在按下按钮后实现那种格式，你可以试试这个：

<input type="button" style="font-weight:bold;" name="clipboard_copy" value="Copy"
onClick="document.data_entry.bigtextbox.value = 'Name:&nbsp;' + 
document.data_entry.name.value + (document.data_entry.drop1.value.trim().length 
=== 0) ? '' : '\n' + document.data_entry.drop1.value + '\n' + 'Amount: $' + 
document.data_entry.amount.value">

我将此行添加到您的按钮示例中：

(document.data_entry.drop1.value.trim().length === 0) ? '' : '\n' + 
document.data_entry.drop1.value

这会检查（你可以检查你想要的任何条件。我只是用它来检查你是否选择了“空白”，例如）如果你select有一个值。如果没有值，它将设置''为您的“响应”文本。如果它包含某些内容，它将添加'\n' + document.data_entry.drop1.value.

于 2013-05-23T07:20:18.590 回答