我有一个表格项目列表,当按下复制按钮时,所有表格项目连接到一个文本框中,被选中,并被放入 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>
我需要的是格式,因为当按下复制按钮时,生成的文本以一种整洁的方式连接起来。我可以这样实现:
姓名:约翰
服务类型:全面
金额:125 美元
但如果在下拉框中没有选择任何选项,我也不需要换行,如下所示:
姓名:约翰
金额:125 美元
而不是:
姓名:约翰
金额:125 美元
有没有办法将格式代码(例如“\n”)应用于选项的值?现在,在单击复制按钮后,我所有的非框文本框都在连接代码中进行了格式化,例如:
<input type="button" style="font-weight:bold;" name="clipboard_copy" value="Copy" onClick="document.data_entry.bigtextbox.value = 'Name: ' + document.data_entry.name.value + '\n' + document.data_entry.drop1.value + '\n' + 'Amount: $' + document.data_entry.amount.value>
最佳答案
可能我没听懂你的意思。我以为您想将 option
元素格式更改为 select
元素。如果你想在按下按钮后实现那种格式,你可以试试这个:
<input type="button" style="font-weight:bold;" name="clipboard_copy" value="Copy"
onClick="document.data_entry.bigtextbox.value = 'Name: ' +
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
。
关于html - 如何格式化选择标签内选项值的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16695290/