<selectタグで作ったプルダウンメニューと、
<input type="checkbox"で作ったチェックボックスとについて教えて下さい。
何れも、disableとすると表示色が変わり、
しかも、プルダウンメニューの方は
<formを介して送信されるvalueが正常ではない場合があるようです。
そこで、プルダウンメニューとチェックボックスとの何れも、
disableとすることなく、ユーザによる変更操作をjavascriptで無効化したいのですが、やり方が分かりません。
ご存じの方、どうかよろしくお願い致します。
No.2ベストアンサー
- 回答日時:
変更させたくない・・・というだけならこんな処理で?
<input type="checkbox" onFocus="chk=this.checked" onChange="this.checked=chk">
<select onFocus="idx=this.selectedIndex" onChange="this.selectedIndex=idx">
<option value="">0</option>
<option value="1">1</option>
<option value="2" selected>2</option>
<option value="3">3</option>
</select>
oka5130様、yambejp様
早速教えて頂いたにもかかわらず、
お礼と返信が大変遅れ、申し訳ありません。
お二人に教えて頂いた対処の方法については、
双方試み、大変勉強になりました。
おかげさまで、これらの対処の方法を使い分けることで、
本件は解決致しました。
本当にありがとうございます。
今後ともどうかよろしくお願い致します。
No.1
- 回答日時:
JavaScriptで無効化する方法はちょっと思いつかないのですが、
もし出来たとしても、disableを指定していないのに操作できないのは
ユーザーにとって使いにくい(なぜ変更できないかわからない)
フォームになってしまうので、次のような方法をオススメします。
【もともとのフォーム(disabledを指定するとデータが送信されない)】
<select name="select1" disabled>
<option value="1" selected>1</option>
<option value="2">2</option>
</select>
<input type="checkbox" name="check1" disabled>1
<input type="checkbox" name="check2" checked disabled>2
【修正案】
<select name="select1_dummy" disabled>
<option value="1" selected>1</option>
<option value="2">2</option>
</select>
<input type="checkbox" name="check1_dummy" value="1" disabled>1
<input type="checkbox" name="check2_dummy" value="1" checked disabled>2
<!-- hiddenで渡す -->
<input type="hidden" name="select1" value="1">
<input type="hidden" name="check2" value="1">
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- Visual Basic(VBA) VBA 複数のブックに同じ列を表示させる方法 2 2022/07/20 23:49
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- Excel(エクセル) Excelで漢字人名が勝手に並び変わる(続) 4 2023/03/21 21:28
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- PHP php ログイン 1 2022/11/01 00:24
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
全てのselect要素をデフォルト...
-
リストボックス内の重複したも...
-
3つの連動したプルダウンメニュ...
-
addclassがうまく働きません
-
まったく同じ<select>フォーム...
-
入力フォームでdisabledによる...
-
select要素のvalueを配列で取得...
-
javascriptで合計金額を算出し...
-
option 選択による表示&非表示
-
スマホのフォームでのselect複...
-
javascript:データを日本語で...
-
セレクトボックスを未選択の状...
-
連動するプルダウンリストの作成
-
動的なセレクトボックスの生成...
-
検索窓とプルダウンメニュー機...
-
jqueryでselect要素を表示・非...
-
フォーム内容を上から順番にJav...
-
プルダウンで選択すると、DBの...
-
return trueとreturn falseの用...
-
複数のselect値で1つも選択され...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
全てのselect要素をデフォルト...
-
javascriptでセレクトボックス...
-
Selectボックスの一覧表示方法
-
JavaScriptで<select>の<option...
-
プルダウン選択を変更すると、...
-
select要素のvalueを配列で取得...
-
selectを変更不可にしたい
-
<input>の選択肢をプルダウンメ...
-
ラジオボタンとプルダウンを連...
-
【JS】selectでchangeした時の...
-
VBScriptでHTMLのセレクトボッ...
-
リストボックス内の重複したも...
-
同じ名前のセレクトがある場合...
-
プルダウンの値によって活性・...
-
selectが変更されたらnameを指...
-
【javascript】連想配列からセ...
-
3つのselectでURLパラメータを...
-
複数のプルダウンを1つにまとめ...
-
selectボックスで選択数を制限...
-
セレクトボックスで配列を呼び...
おすすめ情報