- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:HTMLのフォームがうまく作れません)
HTMLフォーム作成で困っています
このQ&Aのポイント
- 初心者のため、HTMLのフォーム作成に苦戦しています。
- 具体的には、プルダウンリストとテキストエリアを組み合わせたフォームを作成したいのですが、うまくいきません。
- 調べてみた結果、onchange属性を使用することで実現できるということがわかりましたが、JavaScriptがわからないため、手詰まりです。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
javascriptなので、閲覧者側の設定に依存します。 サンプルです。 セレクトを変えても見た目に何も変化がないとわかりにくいので、ついでに背景色も一緒に変わるようにしています。 (不要な場合は、終わりが「lightgrey':'white'」とある1行を削除) <html> <head> <script type="text/javascript"> function set(e){ var tx=document.getElementById('txt0'); tx.readOnly=(e.options[e.selectedIndex].value=="no"); tx.style.backgroundColor=tx.readOnly?'lightgrey':'white'; } </script> </head> <body> <select name="selector" onchange="set(this);"> <option value="yes">編集可 <option value="no">編集不可 </select> <p> <textarea id="txt0" cols=50 rows=10> サンプル文字 なんだかな~ </textarea> </body> </html>
お礼
fujillinさん 回答ありがとうございます。 まさに希望通りの内容です。 ありがとうございました。