トップ 一覧 置換 検索 ヘルプ RSS ログイン

編集可能なセレクトボックスを作るの変更点

  • 追加された行はこのように表示されます。
  • 削除された行はこのように表示されます。
!!!Javascriptだけで簡単に作る
http://homepage2.nifty.com/shagam/columns/columns006.html
セレクトボックスにテキストフィールドを重ねて表示して、簡易的なコントローラを作る。

{{code HTML
<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>
}}

{{category2 プログラミング言語,Web関連}}