ustawiania wartości opcji HTML do pustej struny

Question

Mam następujący kod HTML używany do tworzenia na stronie:

<select> 
    <option value="" selected>test</option> 
    <option value="test2">test2</option> 
</select> 

Ale patrząc na HTML w przeglądarce Google Chrome DOM Inspector wygląda to tak:

<select> 
    <option value selected>test</option> 
    <option value="test2">test2</option> 
</select> 

Widzisz różnicę? Po raz pierwszy <option>...</option>, value="" jest zamieniany tylko na value. Wartość ustawiona na pusty ciąg jest po prostu odrzucana. Czy istnieje sposób na ustawienie wartości tagu opcji na pusty ciąg znaków? Potrzebuję tego, ponieważ wyciągam elementy z bazy danych, aby utworzyć menu <select>. Każde ustawienie <option> ma wartość value ustawioną na wartość elementu bazy danych, a niektóre z tych elementów mają pusty łańcuch jako ich wartość.

Answer 1

Jest to tylko notatka inspektora DOM przeglądarki Google Chrome (usuwa "=" "" z atrybutów). Jeśli przejrzysz go za pomocą FireBuga lub po prostu wyświetlisz źródło, zobaczysz, że jest OK.

Twój przykładowy kod tworzy to w Google Chrome:

I to jest wynik Firefox:

Więc nie martw się o to.

Answer 2

<option value="" selected="selected">test</option> 

Oznacza to, że wartość jest pustym ciągiem. Nawet jeśli dom inspektor w chromie pokazuje, jak ten

Answer 3

bob jak chusteczka powiedział można użyć selected = "selected" or "" więc kod będzie:

<select> 
<option value="" selected="selected">test</option> 
<option value="test2">test2</option> 

lub

<select> 
<option value="" selected="">test</option> 
<option value="test2">test2</option> 

Sprawdzanie tego artykułu może pomóc: W3 option language reference