Czy można utworzyć pole listy z elementami listy w wielu kolumnach? Znam alternatywy, ale zastanawiam się, czy jest to możliwe w <select>
Odpowiedzi:
3 dla odpowiedzi № 1Nie, nie jest. Jedynym dozwolonym znacznikiem potomnym dla select jest opcja, która sama może zawierać tylko zwykły tekst (ale niektóre przeglądarki obsługują tutaj niektóre znaczniki stylu, takie jak b lub i itp.).
1 dla odpowiedzi nr 2
Jedynym pseudo-rozwiązaniem, jakie mogę wymyślić, jest użycie czcionki o stałej szerokości do listy rozwijanej listy, a następnie wypełnienie kolumn zawartości spacjami.
COL1_NAME | COL2_NAME
Some nice value | Another value
Another nice value| Second column
Możesz nawet spróbować użyć elementów „OPTGROUP” dla nazw kolumn, ale musisz pamiętać o różnych formatowaniach stosowanych przez różne przeglądarki.
Aktualizacja: Na przykład możesz utworzyć menu rozwijane „wielokolumnowe”, jak pokazano tutaj: http://twitpic.com/2lsuxx z następującym kodem HTML
<style type="text/css">* {font-family:Courier New;white-space:pre;}</style>
<select>
<option></option>
<optgroup label=" Col1 | Col2">
<option>Some nice value | Another value</option>
<option>Another nice value| Second column</option>
<optgroup>
</select>