web-dev-qa-db-ja.com

HTML選択フォームフィールドのすべてのオプションを、クリックせずに一度に表示することはできますか？

X-Editable jQueryエディットインプレイスライブラリをタスクステータス選択フィールドに使用しています。そのすべての段階は、以下のプロセスから示されています。

  1. ステータスをクリック
  2. 次に、ステータスSPANを非表示にし、非表示の選択フィールドを表示します。
  3. 選択フィールドをクリックしてドロップダウンし、使用可能なすべてのオプションを表示できます。
  4. 新しい選択オプションの値をクリックすると、AJAX値を保存するリクエストが行われている間、読み込み中のスピナーイメージが表示されます。
  5. 次に、新しく選択されたステータス値SPANを表示します。
  6. もう一度クリックすると、サイクル/プロセスが再開されます。

enter image description here

しかし、私は新しい値を選択するためのより良い方法を考え出そうとしています。選択オプションは3つしかないので、ドロップダウンをクリックして他の2つのオプションを表示する代わりに、3つのアイテムすべてを一度に表示したい場合があります。

基本的な選択でそれを行うことは可能ですか、それともMulti-selectフィールドが必要ですか？

javascriptjquerydrop-down-menuselection
12
JasonDavis

http://jsfiddle.net/n1k5cLx0/

リストを探していますか、それともデフォルトとして表示されるオプションを含むドロップダウンが必要ですか？リストスタイルの場合は、select要素でsize属性を使用できます。

[〜＃〜] html [〜＃〜]

<select size="3">
  <option>Not Started</option>
  <option selected>In Progess</option>
  <option>Completed</option>
</select>

[〜＃〜] css [〜＃〜]

select{
    overflow:auto;
}
25
Sean Wessell

$（ "＃Id_Selecteventtype"）[0] .selectedIndex = 1;

0
user2095113