制限を選択のオプションを選択しない無効の場

Question

私は、複数の選択あるいはエンドユーザに変更することができるようにな値です。

UIの理由で、すればよいのでしょうか、すなわずに使用を無効="true"の属性。たって使用onmousedown,onfocus,onclick、設定の各ぼやけまたはfalseを返しがない。

で実現できるのはいよいのできないのでしょうか？

Answer 1

いとのことだが、それについてないせていただいていることを disabled 属性は、よりよい解決方法:

<select multiple="multiple">
    <option value="volvo" selected="true" disabled="disabled">Volvo</option>
    <option value="saab" disabled="disabled">Saab</option>
    <option value="opel" disabled="disabled">Opel</option>
    <option value="audi" disabled="disabled">Audi</option>
</select>

必要に応じることができ、 select a class スタイルで。このソリューションですべてのブラウザに関わらずスクリプティング力です。

Answer 2

ばんな onchange イベント?

<select onfocus="this.oldIndex=this.selectedIndex" onchange="this.selectedIndex=this.oldIndex">

Answer 3

最良のベットするスワップのオプション内の選択ボックス。いただけるお客様には一つの答えをこのボックス問題でない場合はクリック.

によって、しかもいということで少ないので、工夫が必要かと思い起こしフラストレーション、ユーザーです。想像このユーザシナリオ:

1. "見て、選択ボックスのオプション"
2. クリック
3. "人材管理、なぜなる。"
4. クリック
5. クリック!
6. "この愚かなことは、私なります。

場合スワップの選択のためのHTMLテキストで達成で同じ目標です。これはかなり単純なタスク用のJavascriptの枠組み

Answer 4

@ジャック&@17 26、良い点が、エンドユーザーがそれぞれのリンク先にお願いをセレクトボックスを無効にするよう混乱になります。

いてより明確になぜかけを無効にします。

のアプリを利用することが必要を無効にするを選択のオプションが要求される、"ロック"制御を維持させるだけでなく、見た目や使用感の通常の形態で制御できます。

Answer 5

この記事のトリガが発生します。

<select multiple onchange="this.selectedIndex=this.selectedIndex">
<option>1</option>
<option>2</option>
</select>

Answer 6

することがありまCSS3る 95%に対応 すべての現行のブラウザ以外のオペラミと呼ばれる pointer-events.簡単に言うと、"無効"デフォルトのアクションに SELECT その他の要素できるものを特定のイベントです。

眺望できるクリスCoyierの記事について 入力リンクdescriptionこちら.

ここに近づけんまりとした...申し訳などを提供する自分の符号化例...