Тег <Select>

vadimiron · Конфигурация компьютера

HTML код:

<input type="text"......

Scorpion666 · Отправлено: **01:13, 16-12-2006** | #3

vadimiron

Цитата:

<input type="text"......

Это не то!
Я имею ввиду, в этом же объекте вводить свое значение, если пользователю не подходит значения из писка!

vadimiron · Конфигурация компьютера

Scorpion666
Зачем в этом же? Так не принято - никакой юзер такого не поймёт - ноль юзабилити.
Сделайте просто рядом текстовое поле, над которым можно написать "...или Ваше значение"

Sham · Отправлено: **09:55, 16-12-2006** | #5

Scorpion666 ...или на onkeypress меняй на input - эффект будет желаемый...

Scorpion666 · Отправлено: **20:33, 17-12-2006** | #6

Sham

Цитата:

...или на onkeypress меняй на input - эффект будет желаемый...

А поподробней можно?

XCodeR · Отправлено: **20:49, 17-12-2006** | #7

Scorpion666

HTML код:

<html>
<script>
function Change()
{
if(s.style.display!="none")
{
s.style.display="none";
i.style.display="block";
}
else
{
s.style.display="block";
i.style.display="none";
}
}
</script>
<body>
<form>
<input style="display:none;width:100" id=i type=text onblur=Change()>
<select style="width:100" id=s onmousedown=Change()>
<option>ddd
<option>ddd
</select>
</form>
</body>
</html>

развивайте идею...

Sham · Отправлено: **23:25, 18-12-2006** | #8

Scorpion666 держи и мой вариант (откопал...)

HTML код:

...
<script>
function ch(y){
  if(document.getElementById('sel').value=='your'||y){
    with(document){getElementById('sel').style.display='none';
                   getElementById('in').style.display='';
                   getElementById('in').focus();}
  }
}
function no(){
  if(document.getElementById('in').value==''){
    with(document){getElementById('in').style.display='none';
                   getElementById('sel').style.display='';
                   getElementById('sel').focus();
                   getElementById('ooo').selected=true;}
  }
}
</script>
...
<select onkeydown="ch(1)" id="sel" onchange="ch()" name="name">   
      <option id="ooo" value="n_1">1. Элемент списка</option>
      <option value="n_2">2. Элемент списка</option>
      <option value="your">Ввести свое значение</option>
</select>
<input type="text" size="16" width="16" id="in" style="display: none" onblur="no()" name="name">

XCodeR · Отправлено: **23:56, 18-12-2006** | #9

еще как вариант - написать полностью самому контрол, используя JS.

поискал чуть-чуть в гугле:
http://particletree.com/demos/combo-box-demo/
http://www.metabuilders.com/Tools/ComboBox.aspx

Sham · Отправлено: **00:52, 19-12-2006** | #10

XCodeR это эмуляция...