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

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

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

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

推薦する

CSS のマージンの崩壊問題を解決する方法

まず、マージン崩壊が発生する 3 つの状況を見てみましょう。 1. 隣接する 2 つのブロックレベル...

Docker を使用した Hadoop クラスターのデプロイに関する詳細なチュートリアル

最近、社内に Hadoop テスト クラスターを構築したいので、docker を使用して Hadoo...

ミニプログラムは左スライドのドロワーメニューをネイティブに実装します

目次WXS レスポンス イベントプランAページ構造とスタイルWXS イベントコールバック関数WXS ...

Linux での MySQL 5.6.33 のインストールと設定のチュートリアル

このチュートリアルでは、LinuxでのMySQL 5.6.33のインストールと設定方法を参考までに紹...

Hadoop を使用せずに Linux 環境に Spark のスタンドアロン バージョンをインストールする方法

ビッグデータはますます注目を集めており、ビッグデータのいくつかの構成要素に精通していないと、自慢でき...

ウェブページ作成のテスト問題を全て解けますか?

Web ページのデザインに関する質問です。すべてに答えられるでしょうか? 1. 単一選択の質問 (...

CentOS 7 で MySQL 接続数が 214 に制限される問題の解決方法

問題を見つける最近、プロジェクトで問題が発生しました。接続が多すぎるため、「接続が多すぎます」という...

SpringBootはActiviti7実装コードを統合する

Activiti7 の正式リリース以降、SpringBoot2.x との統合開発を全面的にサポートし...

XHTMLコードの一般的なアプリケーション問題をまとめる

時間が経つにつれて、多くの人が XHTML の使い方を知らないことに気づきました。普通の初心者だけで...

MySQL の WriteSet 並列レプリケーションの簡単な分析

【歴史的背景】私は 3 年間 MySQL-DBA として働いてきましたが、MySQL が「基本的に利...

Vueスロットの使用の詳細

目次1. スロットを使用する理由1.1 スロット1.2 コンポーネントのスロット1.3 例2. この...

Linux に ASPNET.Core3.0 ランタイムをインストールするためのサンプル コード

# 以下の例は x64 ビット ランタイム v3.0.0 用です mkdir /runtimes ...

...

get メソッドによる HTML フォームの値転送の例

google.htmlインターフェースは図の通りですコードは図のとおりです: (比較的シンプルで、入...

MySQL 5.7.15 バージョンのインストールと設定方法のグラフィックチュートリアル

この記事では、MySQLバージョン5.7のインストール方法と使用方法、およびデータベースデータの保存...