選択を読み取り専用で編集不可に設定し、選択値を通過可能に設定する方法
|
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"); を追加します。 |
>>: 優れたユーザー エクスペリエンス デザイナーが行うべき 5 つのこと (画像とテキスト)
推薦する
Vue はブラウザのパスワード記憶機能を無効にするサンプル コードを実装します
情報を探すインターネットで見つかったいくつかの方法: autocomplete="off&...
MySQLは現在の日付と時刻を取得する関数
現在の日付 + 時刻 (日付 + 時刻) を取得する関数: now() mysql> now(...
Dockerfile を使用して SpringBoot プロジェクトをデプロイする方法
1. SpringBoootプロジェクトを作成し、jarパッケージにパッケージ化する2. Linux...
Ubuntu 18.04 に phpMyAdmin をインストールするための詳細なチュートリアル
Ubuntu 18.04 上の Apache で動作するように phpMyAdmin をインストール...
iframe の src が指すコンテンツが更新されない問題の解決方法の詳細な説明
問題の説明html <iframe id="h5Content" src=...
CSS でフッターの「下部吸収」効果を実現
よく遭遇する問題: 下部の要素を「下部に貼り付ける」効果を CSS でどのように実現するか。この記事...
jQueryはクッキーを操作する
コードをコピーコードは次のとおりです。 jQuery.cookie = 関数(名前、値、オプション)...
表の境界線の CSS 構文
<br />表の境界線の CSS 構文具体的な内容には、上境界線の幅、右境界線の幅、下境...
node.js で EventEmitter をカスタマイズする方法
目次序文1. 何ですか2. Node.jsでEventEmitterを使用する方法3. 実施プロセス...
Vue プロジェクトでの支払い機能の実装 (WeChat 支払いと Alipay 支払い)
目次プロジェクトにおける一般的な支払い方法Alipay決済微信ペイプロジェクトにおける一般的な支払い...
Navicat Premium15 でクラウド サーバーに接続する際のデータベースの問題と落とし穴
クラウドサーバーを使用するとデータベースに接続できる場合もありますが、Navicat Premium...
MySQL ALTERコマンドの知識ポイントのまとめ
テーブル名を変更したり、テーブル フィールドを変更したりする必要がある場合は、 MySQL ALTE...
タブバーの切り替え効果を実現するJavaScript
タブバー: 異なるタブをクリックすると異なるコンテンツが表示され、クリックしたタブのスタイルが変更さ...
nginx 設定ファイルで環境変数を使用する方法
序文Nginx はパフォーマンスを重視して設計された HTTP サーバーです。Apache や li...
JavaScript/TypeScript で同時リクエスト制御を実装するためのサンプルコード
シナリオリクエストが 10 件あるが、同時リクエストの最大数は 5 件で、リクエスト結果が必要である...