Jak sformatować tekst wartości opcji wewnątrz znacznika select?

Question

Mam listę elementów tabeli, które po naciśnięciu przycisku kopiowania, wszystkie elementy tabeli łączą się w jedno pole tekstowe, wybierają i umieszczają na schowku Windows.

Skrzynki są sformatowane tak:

<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> 

Co potrzebne jest formatowanie, że po naciśnięciu przycisku kopiowania zostanie naciśnięty, wynikające skleja tekstowych w zgrabny sposób. Mogę się zdarzyć tak:

Nazwisko: John
Type of Service: Pełna
Amount: $ 125

Ale też trzeba nie linia złamać jeśli nie jest zaznaczona opcja w rozwijanej listy, tak jak poniżej:

Nazwisko: John
Amount: $ 125

Zamiast:

Nazwisko: John

Amount: $ 125

Czy istnieje sposób, aby zastosować formatowanie kodu, takie jak '\ n' do wartości opcji? Teraz wszyscy moi non otaczaniem box są sformatowane w kodzie złączyć po kliknięciu przycisku kopiowania, ex:

<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> 

Answer 1

Prawdopodobnie ja nie rozumiem. Pomyślałem, że chcesz zmienić format elementu option na element select. Jeśli chcesz osiągnąć ten format po naciśnięciu przycisku, można spróbować to:

<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"> 

Dodałem tę linię do przykładu przycisku:

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

ta sprawdza (można sprawdzić cokolwiek warunek chcesz Użyłem tego po prostu do sprawdzenia, czy wybrałeś "puste", na przykład), jeśli twoja select ma wartość. Jeśli nie ma wartości, ustawia '' na tekst "odpowiedzi". Jeśli coś zawiera, doda '\n' + document.data_entry.drop1.value.