52

アプリケーションで Bootstrap css と js を使用しています。誤って、無効になっているドロップダウン リストをクリックすると、ドロップダウンが開いていることがわかりました。readonly要素の属性で作成しましたselect：

<select id="xxx" name="xxx" class="input-medium" readonly>

私も設定しようとしreadonly="true"ましたが、それでも同じです。

ただし、jQuery.datepicker を使用しない場合、テキスト ボックス コントロールは正常に機能します。

ブートストラップを使用するときにドロップダウン コントロールを読み取り専用にする特別な方法はありますか?

4

6 に答える 6

99

いいえ、Bootstrapはドロップダウンを無効にするための特別な考慮事項を導入していません。

<select id="xxx" name="xxx" class="input-medium" disabled>

また

<select id="xxx" name="xxx" class="input-medium" disabled="disabled">

動作します。私は属性値を与えることを好みます（2番目の形式のように; XHTMLでは、属性は値を持たなければなりません）が、HTML仕様は次のように述べています：

要素にブール属性が存在する場合は真の値を表し、属性が存在しない場合は偽の値を表します。

（http://www.whatwg.org/specs/web-apps/current-work/multipage/common-microsyntaxes.html#boolean-attributeから）

読み取り専用と無効の主な違い：*

Disabled属性

  • 無効にされたフォーム要素の値は、プロセッサメソッドに渡されません。W3Cはこれを成功した要素と呼んでいます（これは、チェックされていないフォームのチェックボックスと同様に機能します）。
  • 一部のブラウザは、無効になっているフォーム要素のデフォルトのスタイルを上書きまたは提供する場合があります。（テキストをグレーアウトまたはエンボス加工）Internet Explorer 5.5は、これについて特に厄介です。
  • 無効にされたフォーム要素はフォーカスを受け取りません。
  • タブナビゲーションでは、無効になっているフォーム要素はスキップされます。

読み取り専用属性

  • すべてのフォーム要素に読み取り専用属性があるわけではありません。最も注目すべきは<SELECT>、、、、<OPTION>および<BUTTON>要素に読み取り専用属性がないことです（ただし、両方とも無効な属性があります）
  • ブラウザは、フォーム要素が読み取り専用であるというデフォルトのオーバーライドされた視覚的フィードバックを提供しません
  • 読み取り専用属性が設定されたフォーム要素は、フォームプロセッサに渡されます。
  • 読み取り専用のフォーム要素がフォーカスを受け取ることができます
  • 読み取り専用のフォーム要素は、タブ付きナビゲーションに含まれています。

*-http://kreotekdev.wordpress.com/2007/11/08/disabled-vs-readonly-form-fields/からの露骨な盗作

于 2013-01-09T14:58:47.727 に答える
12

試す

$('#xxx').attr('disabled', true);
于 2013-01-09T14:42:56.860 に答える
2

jQuery 1.6 以降では、この.prop()関数を使用する必要があることに注意してください。

$("input").prop('disabled', true);

$("input").prop('disabled', false);
于 2016-12-21T16:16:58.620 に答える
2

試す

<select id="xxx" name="xxx" class="input-medium" disabled>
于 2013-01-09T14:44:40.587 に答える
0

「読み取り専用」も使用できます

<select id="xxx" name="xxx" class="input-medium" readonly>
于 2015-07-27T13:29:20.187 に答える