トップ 差分 一覧 ソース 置換 検索 ヘルプ PDF RSS ログイン

編集可能なセレクトボックスを作る

Javascriptだけで簡単に作る

http://homepage2.nifty.com/shagam/columns/columns006.html
セレクトボックスにテキストフィールドを重ねて表示して、簡易的なコントローラを作る。

1
2
3
4
5
6
7
8
9
10
11
12
<select style="width:120px; clip:rect(0px,120px,22px,100px); position:absolute;" onchange="select(this);">
    <option>test</option>
    <option>test1</option>
    <option>test2</option>
  </select>
  <input id="t1" type="text" style="width:100px;margin-right:20px;">
  bbb
  <script language="javascript">
    function select(obj){
      document.getElementById("t1").value=obj.options[obj.selectedIndex].text;
    }
  </script>

[カテゴリ: プログラミング言語 > Web関連]



  • Hatenaブックマークに追加
  • livedoorクリップに追加
  • del.icio.usに追加
  • FC2ブックマークに追加

最終更新時間:2013年02月04日 20時26分08秒