HTML+CSS+JavaScript

Не знаю как сделать - нужно чтобы у пользователя была возможность при необходимости выбрать значение из выпадающего списка, либо же ввести вручную - как это можно сделать ?

Можно попробовать как-то так:

<select> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option onclick="document.getElementById('other').style.display='block';">Другой</option> </select> <div id="other" style="display: none;"><input type="text"></div>

Интересно, спасибо.

Есть вариант сложнее, но будет полностью имитировать селект:
(писала не я, где взяла не помню :)

<div style = "left:10; top:10; position:absolute;" >  <table cellpadding = 0 cellspacing = 0>  <tr>  <td  style = "vertical-align:top"><input name = "veve" style = "margin:0;padding:0" ></td> <td style = "vertical-align:top"> <img src = "pic.gif" onclick = "ve.style.display=(ve.style.display==''?'none':'');it=2;">  </td>  </tr>  </table>  </div>  <div style = "left:10; top:31; position:absolute; display:none; width:170; color:black; font-family:verdana; font-size:10; border:1 black solid; background-color: white" id = "ve" >  <table style = "cursor:pointer;" cellsapcing = 0 cellpadding = 0 width = 100%>  <tr> <td onmouseover = "this.style.backgroundColor='black'; this.style.color='white'" onmouseout = "this.style.backgroundColor='white';  this.style.color='black'" onclick = "veve.value='1'; ve.style.display='none'" >1</td> </tr>  <tr> <td onmouseover = "this.style.backgroundColor='black'; this.style.color='white'"  onclick = "veve.value='2'; ve.style.display='none'"  onmouseout = "this.style.backgroundColor='white'; this.style.color='black'">2</td> </tr>  <tr><td onmouseover = "this.style.backgroundColor='black'; this.style.color='white'"  onclick = "veve.value='3'; ve.style.display='none'"  onmouseout = "this.style.backgroundColor='white'; this.style.color='black'">3</td> </tr>  </table>  <script>  var it = 0;  document.onclick=zz;  function zz()  {  it--;  if(it!=1)  {  ve.style.display='none';  }  }  </script>

Интересно тоже.

Только тут странно что к таблице прибегнули. Но, думаю, это можно переделать.

Первый вариант думаю больше подойдет.

В опере только сейчас проверил - не работает....
onclick = "veve.value='1'; вот эта штука видимо не срабатывает :(

не работает этот вариант, кстати у меня. видимо тут onclick так не обрабатывается

который вариант? второй?
здесь много лишних переводов строки. уберите их.

Нет, первый. В опере срабатывает, в IE нет :(

Я вот не могу придумать как у гугла спросить что мне нужно, так бы нашел наверняка то, что идеально бы подошло.

>Я вот не могу придумать как у гугла спросить что мне нужно, так бы нашел наверняка то, что идеально бы подошло.
добавить по событию элемент формы.
событие select js
скрыть по событию
показать по событию

onClick в select на самом деле в IE не обрабатывается, сорри, упустила из виду.
Можно так:

<select name="">  <option value="1">1</option>  <option value="2">2</option>  <option value="3">3</option>  </select> <input type="radio"  name="" onclick="document.getElementById('other').style.display='block';">Другой <div id="other" style="display: none;"><input type="text" name=""></div>

Спасибо, я воспользовался вариантом вторым сверху - он подошел вроде бы :)

<div style = "left:10; top:10; position:absolute;" >   <table cellpadding = 0 cellspacing = 0>   <tr>   <td  style = "vertical-align:top"><input name = "veve" style = "margin:0;padding:0" ></td>  <td style = "vertical-align:top">  <img src = "pic.gif" onclick = "ve.style.display=(ve.style.display==''?'none':'');it=2;">   </td>   </tr>   </table>   </div>   <div style = "left:10; top:31; position:absolute; display:none; width:170; color:black; font-family:verdana; font-size:10; border:1 black solid; background-color: white" id = "ve" >   <table style = "cursor:pointer;" cellsapcing = 0 cellpadding = 0 width = 100%>   <tr>  <td onmouseover = "this.style.backgroundColor='black'; this.style.color='white'"  onmouseout = "this.style.backgroundColor='white';   this.style.color='black'" onclick = "veve.value='1'; ve.style.display='none'" >1</td>  </tr>   <tr>  <td onmouseover = "this.style.backgroundColor='black'; this.style.color='white'"   onclick = "veve.value='2'; ve.style.display='none'"   onmouseout = "this.style.backgroundColor='white'; this.style.color='black'">2</td>  </tr>   <tr><td onmouseover = "this.style.backgroundColor='black'; this.style.color='white'"   onclick = "veve.value='3'; ve.style.display='none'"   onmouseout = "this.style.backgroundColor='white'; this.style.color='black'">3</td>  </tr>   </table>   <script>   var it = 0;   document.onclick=zz;   function zz()   {   it--;   if(it!=1)   {   ve.style.display='none';   }   }   </script>

Вот это то, что нужно. но в опере событие onclick тут не обрабатывается. Как быть ?