問題タブ [html-select]

IEを使用する場合、選択した入力要素の上に絶対位置のdivを配置することはできません。これは、select要素がActiveXオブジェクトと見なされ、ページ内のすべてのHTML要素の上にあるためです。

ポップアップdivを開くときにselectを非表示にしているユーザーを見たことがあります。これにより、ユーザーエクスペリエンスがかなり悪くなり、コントロールが消えてしまいます。

FogBugzには、ポップアップが表示されたときにすべての選択をテキストボックスに変換する、非常にスマートなソリューション（v6より前）が実際にありました。これによりバグが解決され、ユーザーの目を騙しましたが、動作は完全ではありませんでした。

もう1つの解決策は、FogBugz 6にあります。ここでは、select要素を使用せず、どこでも再コーディングします。

私が現在使用している最後の解決策は、IEレンダリングエンジンを台無しにして<div>、ActiveX要素として絶対位置にあるものもレンダリングするように強制し、選択した要素の上に存在できるようにすることです。これは、<iframe>内部に非表示を配置し、次のよう<div>にスタイリングすることで実現されます。

誰かがこれよりもさらに良い解決策を持っていますか？

編集：この質問の目的は、実際の質問であると同時に有益です。この<iframe>トリックは良い解決策だと思いますが、アクセシビリティを低下させるこの醜い役に立たないタグを削除するなどの改善を探しています。

ドロップダウンリストで、リストのオプションの前にスペースを追加する必要があります。やっています

2つのスペースを追加しますが、スペースは表示されません。オプションテキストの前にスペースを追加するにはどうすればよいですか？

私は次のHTMLを持っています（CSSが背景を黒にし、テキストを白にすることに注意してください）

Safariは、テキストの右側に表示される小さな三角形を前景のテキストと同じ色にするのに十分なほどスマートです。

他のブラウザは基本的にCSSを無視するので、それらも問題ありません。

ただし、Firefox 3は背景色を適用しますが、三角形は黒のままなので、このように表示することはできません。

これを修正する方法がわかりません-誰か助けてもらえますか？-moz-select-triangle-colorそのような不明瞭なものはありますか？

ドロップダウンリストにいくつのオプションを含めることができるか知っている人はいますか? 無制限ですか？パフォーマンスが低下するまでの回数は?

エンド ユーザーが値を変更できないようにしたい複数選択の SELECT フィールドがあります。

UI の理由から、disabled="true" 属性を使用せずにこれを実行できるようにしたいと考えています。onmousedown、onfocus、onclick を使用して、それぞれをぼかしたり false を返すように設定しようとしましたが、成功しませんでした。

これを行うことはできますか、それとも不可能なことをしようとしていますか?

複数の選択があります：

私が望むのは、最初の選択から「1つ」を選択し、そのオプションを2番目の選択から削除することです。次に、2 つ目から「2 つ」を選択した場合は、最初のものからその 1 つを削除します。

これが私が現在持っているJSです：

しかし、要素が再設定されると、オプションが変更されている選択で変更イベントが発生します。disabled削除したいオプションに属性を設定してみましたが、IE6ではうまくいきません。

私は jQuery を持っていますが、組み込みの並べ替えヘルパーがあるかどうかはわかりません。text各項目の、value、およびプロパティの 2 次元配列を作成できますが、JavaScript の組み込みが正しく機能するselectedとは思いません。Array.sort()

コアjQueryを使用して、選択ボックスのすべてのオプションを削除してから、オプションを1つ追加して選択するにはどうすればよいですか?

私のセレクトボックスは以下です。

編集:次のコードは連鎖に役立ちました。ただし、(Internet Explorer では).val('whatever')追加されたオプションを選択しませんでした。.append( と の両方で同じ「値」を使用しました.val。)

編集:このコードを模倣するようにしようとして、ページ/フォームがリセットされるたびに次のコードを使用します。この選択ボックスには、一連のラジオ ボタンが表示されます。.focus()近かったのですが、 のようにオプションが選択されているようには見えませんでした.selected= "true"。既存のコードに問題はありません。jQuery を学ぼうとしているだけです。

編集：選択した回答は、私が必要としていたものに近かった。これは私のために働いた：

しかし、両方の答えが私の最終的な解決策につながりました..

ヘルプ！私はjQueryを使用してAJAX呼び出しを行い、ユーザーの以前の入力(サーバー側で入力された別のドロップダウンから)を考慮して動的にドロップダウンを入力しています。Firefox (IE6/7、Opera、Safari) 以外のすべてのブラウザーでは、append 呼び出しによって、既存のオプション「Select An」の下に情報が実際に追加されます。しかし、Firefox では、JQuery アクションを .append または置換 (.html()) に指定したかどうかに関係なく、選択コントロールに与えられた最後の項目が自動的に選択されます。

何かご意見は？過去に別の空白の最初のオプションを送信してから、JavaScript オプションをトリガーして最初のインデックスを再選択しようとしましたが、これによりコード内で onChange イベントがトリガーされ、ユーザーにとってはかなり面倒です。

アップデート：

スクリプトが返すものの例を次に示します

オプションで、.append() の代わりに .html() メソッドを使用する場合は、別の

結果の一番上。

@ダリル・ハイン

スクリプトが返すものの例を次に示します

オプションで、.append() の代わりに .html() メソッドを使用する場合は、別の

結果の一番上。

なぜこれが機能しないのですか（空の選択リストを操作する<select id="requestTypes"></select>

しかし、これはします：

• 交換：

  var dropdownList = $("#requestTypes");

• プレーンな古いJavaScriptの場合：

  var dropdownList = document.getElementById("requestTypes");