問題タブ [html-select]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ドロップダウン リストの問題
IE 6/7 のドロップダウン リストが次のように動作するという問題があります。
width
ドロップ ダウン リスト全体を展開しないとテキスト全体を表示するには、ドロップ ダウンの幅が十分でないことがわかります。
ただし、Firefox ではその通りなので問題ありませんexpands the width
。これは、IE 6/7 で必要な動作です。
問題を解決するために を利用するさまざまな方法を検討しましたonfocus, onblur, onchange, keyboard and mouse events
が、まだいくつかの問題があります。
ツールキット/フレームワーク (YUI、Ext-JS、jQuery など) を使用せずに IE 6/7 でこの問題を解決した人がいるかどうか疑問に思っていました。
php - ドロップダウン選択 HTML フォーム要素で選択されたエントリ
このドロップダウン リストには、フォルダのすべてのファイルが表示され、そのうちの 1 つが選択されて使用されます。ページを読み込んだときにどのファイルが選択されているかを表示する方法はありますか? 現時点では、毎回「ファイルを選択してください」と表示されます。
html - IEでHTMLの「選択」ボックスを動的に更新する方法
次のようなコードで動的に更新するHTMLの「select」要素があります。
Firefoxでは正常に動作しますが、IE7は新しいデータに合わせてリストボックスのサイズを変更しません。リストボックスが最初は空の場合(私の場合はそうです)、私が追加したオプションはほとんど表示されません。これを行うためのより良い方法はありますか?または、IEで動作するようにパッチを適用する方法はありますか?
html - HTML で編集可能なドロップダウンリストを作成するにはどうすればよいですか?
ユーザーが事前定義された値を選択できるドロップダウン リストを含むテキスト フィールドを作成したいと考えています。ユーザーは、新しい値を入力するか、ドロップダウン リストから定義済みの値を選択することもできます。そのために 2 つのウィジェットを使用できることはわかっていますが、私のアプリでは、1 つのウィジェットに統合した方が人間工学的に優れています。
標準のウィジェットはありますか、それともサードパーティの JavaScript を使用する必要がありますか?
ブラウザの移植性はどうですか?
jquery - ユーザーがオプションを選択した後に「選択」オプションの幅を拡張する方法
これは簡単な質問かもしれませんが、そうでないかもしれません。幅をハードコードする選択ボックスがあります。120px と言います。
ユーザーがテキスト全体を表示できるように、2 番目のオプションを表示できるようにしたいと考えています。
他のすべてのように。これは Firefox では問題なく動作しますが、Internet Explorer6 では動作しません。
html - IE を使用した HTML SELECT の変数 (動的) OPTION リスト
JavaScript で動的 OPTION リストを実装しようとしています。Web フォームの他の選択内容によっては、特定の SELECT の一部の OPTION が無効になります。IEで動作しないことを私が試したことは次のとおりです。
- すべてのオプションに入力し、無効なオプションに対して無効なプロパティを設定します
- すべてのオプションを設定してオプション グループを使用し、無効なオプション グループを無効にする
- text-decoration:line-through のスタイルを使用してみました
この時点で、有効な OPTION のみを使用して SELECT を再作成することを辞任しましたが、IE で実際に機能するより良い方法があるはずです。IE6 以上との互換性が必要です。これにどのように対処しましたか?
javascript - IEで機能するHTMLSELECTの完全に機能するドロップダウン置換はありますか?
前の質問で、HTMLSELECTの多くの機能がIEでサポートされていないことを確認しました。次の要件を満たす、経験から推奨する代替ウィジェットはありますか?
- プロパティを尊重し
contentEditable
ます(trueの場合は選択の変更を許可しません) - 個々のオプションのプロパティを尊重し
disabled
ます(「グレー表示」または取り消し線付きのフォントで表示し、選択不可にします) - オプショングループ(
OPTGROUP
要素)をサポート - およびおよびすべてのサブ要素などの
style
オプションをサポートしますborder
margin
SELECT
OPTION
およびOPTGROUP
要素の動的な追加と削除をサポートします- IEバージョン6以降で上記をサポート
編集:@Joel Coehoornが指摘したように、上記の項目3と5は現在IEでサポートされています。これらは、置換ウィジェットで見落とされないようにするためにここに含まれています。
css - Gmailで「その他のアクション」のようなドロップダウンボックスを行う方法
Gmail の受信トレイ ページに [その他のアクション] ドロップダウン ボックスが表示されます。リストにはレベルといくつかの無効なアイテムがあります。
HTML+CSS でそれを行う方法は?
ありがとうございました
javascript - 名前付きアンカーを使用した javascript select() 関数
JavaScript の select() 関数を使用してフォームのテキスト フィールドを強調表示したいのですが、最初に名前付きアンカーを使用して、ページが適切なセクションにスクロールされるようにします。次のコードは Firefox ではうまく機能しますが (同じ値を 2 回入力しない限り)、IE では、ページが 2 回目に読み込まれたときに、ハイライトされたテキストを (タブやクリックなしで) 上書きすることはできません。これを回避するにはどうすればよいですか、それとも間違っていますか?
ファイル名: Test.html