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

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

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

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

推薦する

Unicode 署名 BOM の詳細な説明

Unicode 署名 BOM - BOM とは何ですか? BOM は Byte Order Mark...

jQuery タグセレクターの適用例の詳細な説明

この記事では、jQueryタグセレクターアプリケーションの具体的なコードを例として紹介します。具体的...

VMware Workstation 12 Pro Linux インストール チュートリアル

この記事は、VMware Workstation 12 ProのインストールLinuxチュートリアル...

Linuxのpasswdコマンドの使用

1. コマンドの紹介passwd コマンドは、ユーザー パスワード、アカウント ロック、パスワードの...

Linux の MariaDB データベースについて

目次Linux の MariaDB データベースについて1. データベースとは何ですか? 2. デー...

ウェブフロントエンド開発の細部

1 選択タグは閉じられている必要があります <select></select>...

Vueはカルーセルアニメーションを実装します

この記事では、カルーセルアニメーションを実現するためのVueの具体的なコードを例として紹介します。具...

MySQL マルチテーブルクエリの詳細な説明

よく食べて十分に休息を取るというのは簡単なことのように思えますが、実際に実行するのはそれほど簡単では...

Nginx 最適化サービスで Web ページ圧縮を実装する方法

リソースを節約するためにWebページの圧縮を設定する1.まず、設定を変更しましょう vim /usr...

Kubernetes オブジェクトボリュームの詳細な使用方法

概要ボリュームは、さまざまなストレージ リソースを抽象化および仮想化したものです。ストレージ リソー...

ccs3に基づくタイムライン実装方法

Web プロジェクトでは、タイムライン コントロールをよく使用します。この記事では、項目ごとに展開で...

CocosCreator Huarongdaoデジタルパズルの詳しい説明

目次序文文章1. パネル2. 華容島ソリューション3. コード4. 注記序文華容路とは何ですか? 誰...

Reactでpropsを使用する方法と制限する方法

コンポーネントの props (props はオブジェクトです)機能: コンポーネントに渡されたデー...

MySQL では UTF-8 が推奨されないのはなぜですか?

最近、Rails 経由で「utf8」でエンコードされた UTF-8 文字列を MariaDB に保存...