選択を読み取り専用で編集不可に設定し、選択値を通過可能に設定する方法

選択を読み取り専用で編集不可に設定し、選択値を通過可能に設定する方法
1. <select style="width:195px" name="role" id="role" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">

このアプローチにより、ドロップダウン ボックスは通常と同じように見えます。唯一の違いは、プルダウンして選択した後は反応しないという点です。選択してもしなくても同じです。顧客の選択を無視するだけです。

2. 無効属性を設定します <select style="width:195px" name="role" id="role" disabled="disabled">

これはより直接的に見えますが、読み取り専用のように感じられ、クリックしたりプルダウンしたりすることはできません。中の文字も灰色に変わります。

属性が「disabled」に設定されている場合、フォームの送信時に選択値を渡すことはできません。送信する前に、disabled 属性を削除してください。$("#role").removeAttr("disabled");

jquery は属性 $("#role").attr("disabled","disabled"); を追加します。

<<:  Nginx リバース プロキシ学習例チュートリアル

>>:  優れたユーザー エクスペリエンス デザイナーが行うべき 5 つのこと (画像とテキスト)

推薦する

Nginx http ヘルスチェック構成プロセス分析

パッシブチェックパッシブ ヘルス チェックでは、NGINX と NGINX Plus はイベントの発...

IE8対応のボーダー半径処理方法

canisue (http://caniuse.com/#search=border-radius)...

Vue カスタム オプション時間カレンダー コンポーネント

この記事の例では、参考のためにvueカスタムオプションタイムカレンダーコンポーネントの具体的なコード...

JavaScript シミュレーション計算機

この記事では、JavaScriptシミュレーション計算機の具体的なコードを参考までに紹介します。具体...

Docker チュートリアル: コンテナの使用 (簡単な例)

Docker を初めて使用する場合は、コンテナの管理を始めるために習得する必要がある基本的なコマン...

MySQL ファジークエリの使用法 (通常、ワイルドカード、組み込み関数)

目次1. MySQL ワイルドカード ファジー クエリ (%,_) 1-1. ワイルドカードの分類1...

ネイティブ JS でスネーク ゲームを書く

この記事では、参考までに、JSでスネークゲームを書くための具体的なコードを紹介します。具体的な内容は...

超シンプルな QPS 統計手法 (推奨)

過去 N 秒間の QPS 値の統計 (1 秒あたりの選択、挿入などを含む) mysql> se...

HTMLでカメラを読み込む方法

効果図: 全体的な効果: ビデオ読み込み中: 写真:ステップ1: HTML要素を作成するまず、HTM...

国内SNSのホームページを比較・分析して得た経験をみんなで共有(写真)

この記事では、ソーシャル ウェブサイトのホームページを比較分析することで洞察を得て、ソーシャル ウェ...

ベンダー プレフィックス: ブラウザ エンジン プレフィックスが必要なのはなぜですか?

ベンダープレフィックスとは何ですか?ベンダー プレフィックス - ブラウザー エンジン プレフィック...

Linux仮想マシンをWiFiに接続する方法

生活の中で、インターネットはどこにでもあります。インターネットを通じてゲームをしたり、テレビ番組を見...

ユーザーはその理由を知る必要がある

証券会社にいた頃、設計業務が忙しくなかったため、商品のマニュアルを書く役割を担ったことがありました。...

Alibaba Cloud ECSインスタンスのユーザールートパスワードとリモート接続方法を設定する方法

Alibaba Cloud サーバーを購入した後、新しいインスタンスが正常に動作できるようにするには...

nginx + セカンダリドメイン名 + https サポートを使用する

ステップ1: Alibaba Cloudプライマリドメイン名にセカンダリドメイン名を追加する2 番目...