Autor Zpráva
Libor Kol.
Profil *
<script type="text/javascript">
function showfield(name){
  if(name=='jine')document.getElementById('div1').innerHTML='Zadat vlastní zvíře: <input type="text" name="zvire"  class="form-control" />';
  else document.getElementById('div1').innerHTML='';
}
</script>

echo "<div class='form-group'><strong>Zvíře</strong><select name='zvire' data-placeholder='Vyberte zvíře' class='form-control chosen-select' id='travel_arriveVia' onchange='showfield(this.options[this.selectedIndex].value)' required>
<option value='1'>Pes</option>
<option value='2'>Kočka</option>
<option value='3'>Myš</option>
<option value='jine'>Zadat ručně</option>
</select>
<div id='div1'></div></div>";

Zdravím,
našel jsem tento script, který funguje. Má fungovat tak, že uživatel může vybrat v select boxu zvíře. Pokud zvíře v selectboxu nenalezne, klikne na Zadat ručně a objeví se mu klasický input type="text".
Nyní řeším jak toto ukládat do databáze? Oboje má stejný name='zvire', tedy, když uživatel vybere ze seznamu, input type="text" bude prázdný, pokud ze seznamu nevybere a vyplní svoje, budou hodnoty v name="zvire" dvě. První value='jine' a druhá co zadá v input type="text".

Lze tohle nějak šikovně vyřešit?
Předem děkuji.
Bubák
Profil
Pokud bych se nemusel striktně držet zadání, tak bych nepoužil select, ale input a datalist.
Odkaz
Živá ukázka
Chování je mírně odlišné napříč prohlížeči, ale mám za to, že pro uživatele přívětivější.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: