網頁設計 : [轉貼]Javascript 操作select控件大全（新增、修改、刪除、選中、清空、判斷存在等）

</SCRIPT>
  function userSelectInput( object2Edit ){	//提供下拉選單使用者可以自己入資料的功能
    object2Edit.options[0] =
      new Option(
        ok = ( object2Edit.options[0] ) ? object2Edit.options[0].innerText + String.fromCharCode(event.keyCode) : String.fromCharCode(event.keyCode) ,
        ok = ( object2Edit.options[0] ) ? object2Edit.options[0].innerText + String.fromCharCode(event.keyCode) : String.fromCharCode(event.keyCode) );
    object2Edit.selectedIndex = 0;
  }
</SCRIPT>
<select id="test1" onkeypress="(script removed)userSelectInput( this );" >
<option value=""></option>
<option value="a1">a1</option>
<option value="b2">b2</option>
<option value="c3">c3</option>
<option value="c4">c4</option>
</select>

<script>
  function changeSelectIndex( obj2change ) { //使用者輸入一碼則會直接跳至以該碼為首的選項
    for ( var i = 0 ; i < obj2change.options.length ; i ++ ) {
      if ( obj2change.options[i].text == String.fromCharCode(event.keyCode) ) {
        obj2change.options[i].selected = true ;
        break ;
      }
    }
  }
</script>
<select id="test2" onkeypress="(script removed)changeSelectIndex( this );" >
<option value=""></option>
<option value="a1">a1</option>
<option value="b2">b2</option>
<option value="c3">c3</option>
<option value="c4">c4</option>
</select>