0

次のような選択要素に最初のオプションを表示するのに問題があります：http：//jsfiddle.net/L6h9Q/

最初のオプションタグをプレースホルダーとして機能させたいのですが、デフォルトでは2番目のオプションタグが最初に表示されます。

4

4 に答える 4

1

selected="selected"最初のオプションに属性を追加して、デフォルトに設定できます。

于 2012-10-16T04:54:16.513 に答える
1

回避策: http://jsfiddle.net/L6h9Q/2/

必要な部分：

  1. requiredに追加select;
  2. select:invalid色を灰色にするために使用します。
  3. option:first-child最初のオプションを灰色にするために使用します。

欠点: HTML5/CSS3 をサポートするブラウザーでのみ動作します。

編集：

@Russellに触発された、これは（やや）より良い解決策です：http://jsfiddle.net/L6h9Q/3/

于 2012-10-16T04:54:32.830 に答える
1

(定義上) 無効な項目は選択できません。ページがロードされたときに表示される項目は、実際に選択されています。

プレーンな JS と HTML を使用してこれを回避する標準的な方法は、そのオプションを有効のままにして、送信時にフォームの結果を検証することです (クライアント側とサーバー側)。ユーザーがプレースホルダー オプション (あなたの場合は "City...") を選択した場合は、無効な選択をしたことを知らせます。

于 2012-10-16T04:55:56.533 に答える
0

はい。最初に有効な値のみが表示され、次に無効な値が表示されるためです

于 2012-10-16T04:51:29.683 に答える