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

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

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

<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 スタイルにおける中国語フォントのフォントファミリーに対応する英語名の詳細な説明

推薦する

実行後にdocker nginxにアクセスできない問題の解決策

## 1最近、docker デプロイメントを学習しており、当初は nginx を docker 化す...

MySQLスレーブライブラリの復元の実践記録

状況の説明:今日、MySQL データベースのスレーブ ノード ホストにログインしたところ、/var/...

ウェブサイトのハイパーリンクを開く方法に関する議論

新しいウィンドウが開きます。 利点: ユーザーがリンクをクリックしても、現在閲覧しているコンテンツは...

JavaScriptはスクロールバーの位置を取得し、ページをアンカーポイントまでスライドします。

序文この記事は、私が最近仕事で遭遇した問題を記録したものです。アプリネイティブとフロントエンドのh5...

Linuxは数字当てゲームのソースコードを実装する

シンプルな Linux 推測ゲームのソースコードゲームのルール:数字当てゲームは通常 2 人でプレイ...

効率化に役立つ 20 の CSS コーディングのヒント (並べ替え)

この記事では、主要な CSS ウェブサイトで推奨されている 20 個の便利なルールとベスト プラクテ...

優れた Web UI ライブラリ/フレームワーク 10 選

1. ITミルツールキットIT Mill Toolkit は、リッチ Web アプリケーション用のウ...

大規模な Vue.js プロジェクトの構築と維持のための 10 のベスト プラクティス

目次1. スロットを使用してコンポーネントを理解しやすくし、より強力にする2. Vuexストアを正し...

CSSアニメーションでポイント獲得効果を実現するアイデアを詳しく解説

最近のプロジェクトでは、ポイントを集める効果を作成する必要があります。 ボスの説明によると、この効果...

MySQL 分離列とプレフィックスインデックスの使用の概要

目次データ列を分離するプレフィックスインデックスとインデックスの選択性データ列を分離するMySQL ...

タブバーのいくつかの実装方法(推奨)

タブ: カテゴリ + 説明タグバー: カテゴリ => ユーザーに現在地と目的地を知らせる1. ...

7つのMySQL JOINタイプのまとめ

始める前に、これから紹介する JOIN タイプを示すために 2 つのテーブルを作成します。テーブルを...

JavaScriptはすべての選択と選択解除の操作を実装します

この記事では、JavaScriptで全選択と全選択解除の操作を実装するための具体的なコードを参考まで...

Nginx ロケーションマッチングルールの例

1. 文法 場所 [=|~|~*|^~|@] /uri/ { ... } 2. 説明上記の構文から、...

HTMLテーブルタグの詳しい解説(初心者向け)

表> <TR> <TD> <TH> <キャプション&...