無効属性が設定されていてバックグラウンドがデータを読み取れない場合に、選択を読み取り専用にサポートする方法

無効属性が設定されていてバックグラウンドがデータを読み取れない場合に、選択を読み取り専用にサポートする方法

コードをコピー
コードは次のとおりです。

<span style="font-family:Microsoft YaHei;"><select id="lstTest" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">
<option value="1">テスト1</option>
<option value="2">テスト2</option>
<option value="3" selected="選択済み">テスト3</option>
<option value="4">テスト4</option>
<option value="5">テスト5</option>
</選択>
</span>

1》フォームのreadonly属性設定の問題:しかし、readonly属性はラジオ、セレクト、チェックボックスの3つのフォームには影響しません。

2》フォームのdisabled属性を設定する

問題: 無効属性を設定した後、バックグラウンドでデータを読み取ることができない

方法:

1. 無効属性を設定し、フォームの値を隠しフィールドに保存する
2. jQuery を使用して制御します (ページを読み込むときにフォーム属性を disabled=true に設定し、フォームを送信するときにフォーム属性を disabled=false に設定します)

コード:

jQueryファイルを参照

<script type="text/javascript" src="../../js/jquery-1.3.2.js"></script>

スクリプトで無効属性を制御する

コードをコピー
コードは次のとおりです。

<span style="font-family:Microsoft YaHei;"><script type="text/javascript">
//読み込み時に有効になるように無効に設定する
$(ドキュメント).ready(関数(){
$("input[name=category]").attr("disabled",true);
$("select[name=sonota_kbn]").attr("無効",true);
});
//送信時に失敗するように無効に設定する
$("input[name=modify]").click(function(){
$("input[name=category]").attr("disabled",false);
$("select[name=sonota_kbn]").attr("無効",false);
});
</script> </span>

注意してください: input[name=category]
入力はフォームの種類です(たとえば、選択はドロップダウンボックスです)
name=category フォームの名前

<<:  CSS フロート(float, clear)の人気の解説と体験談

>>:  CSS スタイルにおける中国語フォントのフォントファミリーに対応する英語名の詳細な説明

推薦する

HTML コードの書き方に関する提案のまとめ

リソースファイルのプロトコルを省略する画像、メディアファイル、スタイル、スクリプトの URL では、...

MySQL 分離レベルの詳細な説明と例

目次MySQL の 4 つの分離レベルデータ テーブルを作成します。分離レベルの設定物事の分離レベル...

CSS の高さの崩壊問題の解決

1. 崩壊度が高いドキュメント フローでは、親要素の高さはデフォルトで子要素によって拡張されます。つ...

シンプルなデータ応答システムを実装する

目次1. デップ2. 観察者を理解する3. 監視と観察者を理解する4. トリガーの依存性5. プロセ...

MySQL のインストール方法と設定に関するいくつかの問題の概要

1. MySQL rpm パッケージのインストール # インストールソースをダウンロードします [r...

MySQL解凍版のインストール手順の詳しい説明

1. 公式サイトにアクセスします: D:\mysql-5.7.21-winx64\bin をダウンロ...

mysql8.0.19 winx64バージョンのインストール問題を解決する

MySQL は、スウェーデンの会社 MySQL AB によって開発されたオープンソースの小規模なリレ...

モバイル端末のジャンプ問題を解決する(CSS遷移、ターゲット疑似クラス)

序文モバイル端末に触れたばかりの友人の多くは、クリックジャンプルーティング、特にVueルーティングを...

vue.js を使用してドラッグ アンド ドロップ機能を実装する方法

序文ドラッグ アンド ドロップ機能を追加すると、プログラムがより自然でユーザーフレンドリーになります...

MySQL 8.0.13 のインストールと設定方法のグラフィックチュートリアル (Win10 の場合)

MySQL 8.0.13 のインストールと設定方法を皆さんと共有したいと思います。お役に立てれば幸...

MySQL データベースのインデックスとトランザクション

目次1. 索引1.1 コンセプト1.2 機能1.3 索引作成の原則1.3.1 ディスクアクセス回数を...

MySQL の完全なデータベース バックアップ データを使用して単一のテーブル データを復元する方法

序文データベースをバックアップするときは、データベース全体のバックアップを使用します。ただし、何らか...

HTMLの表のtbodyは上下左右にスライドできます

テーブル ヘッダーが固定されている場合は、それを 2 つのテーブルに分割する必要があります。1 つの...

負のz-indexを持つ要素がクリックできない問題の解決策

最近、ポップアップ広告に取り組んでいました。デフォルト ページには z-index が設定されていな...

Vue 組み込みコンポーネントのキープアライブでの LRU アルゴリズムの使用

目次Vue の keep-alive 組み込みコンポーネントの使用でもこのアルゴリズムが使用されます...