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

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

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

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

推薦する

vue3.0 プロジェクトを素早く構築するための手順を完了する

目次1. 3.0をより適切にサポートするには、vue/cliのバージョンが4.5.0以上であることを...

ゲームの Node.JS バージョンを作成する方法

目次概要ビルドプロセス関連APIリードライン基本的な使い方チョーククリア手順に関する追加情報完全なコ...

Ubuntu 20.04 に Xrdp サーバー (リモート デスクトップ) をインストールする方法

Xrdp は、グラフィカル インターフェイスを通じてリモート システムを制御できる Microsof...

docker 環境でのデータベース バックアップ (postgresql、mysql) のサンプル コード

目次posgresql バックアップ/リストアMySQL バックアップ/復元posgresql バッ...

Tomcat マルチレイヤーコンテナの設計に関する簡単な説明

目次コンテナ階層サーブレットの検索を要求するプロセス仕組みTomcat のコンテナは Servlet...

HTML の相対パス (Relative Path) と絶対パス (Absolute Path) の詳細な理解

私は 1 年以上 Java Web 開発に携わっており、HTML または JSP ページの作成は避け...

mysqlはストアドプロシージャを使用してツリーノード取得メソッドを実装します。

図に示すように: テーブルデータこのようなツリーの場合、「Gao Yinrui」の下のすべてのノード...

WeChatアプレットでのwxsファイルの素晴らしい使い方をいくつか紹介します

目次序文応用フィルタードラッグファイル間での参照の受け渡しwxsはjsロジック層にパラメータを渡しま...

シンプルなフロントエンドのページング効果を実現する js

比較的シンプルな業務のプロジェクトもありますが、フロントエンドのページングを多用します。プラグインの...

aタグのhref属性とonclickイベントの比較

まず、href 属性と onclick イベントの実行順序について説明します。マウスが a タグをク...

ウェブサイト標準の検証方法を通じてFlashページを共有する方法

1. 埋め込みは違法です<embed> タグは Netscape のプライベート タグで...

面接でよく聞かれる Vue 修飾子 13 個

目次1. 怠惰な2.トリム3.番号4.停止5. キャプチャ6.自分7.一度8.予防する9.ネイティブ...

Linux RabbitMQ クラスタ構築プロセス図

1. 全体的な手順冒頭で、RabbitMQ サービスをインストールして実行する方法を紹介しましたが、...

MySql データベースのサブクエリと高度なアプリケーションの簡単な分析

MySql データベースのサブクエリ:サブクエリ: 選択クエリ ステートメント内に別の選択ステートメ...