1

formjQueryを使用して選択ボックスにスタイルを追加する簡単な方法はありますか?

<select>
  <option>sample</option>
  <option>sample1</option>
</select>

ありがとう。

4

6 に答える 6

7

代わりにjQuery.SimpleSelectを使用することもできます。これは非常にシンプルで軽量 (1.75kb gzip 圧縮) プラグインで<select>あり、CSS を使用してスタイルを設定できる div の束に要素を変換します。

それはそれと同じくらい簡単です：

HTML

<select>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
</select>​

JavaScript

$("select").simpleselect();

そして（明らかにカスタマイズできるデフォルトのスタイルで）、それはあなたにこれを与えます：

ここに画像の説明を入力

ドキュメンテーション

于 2013-10-02T08:58:26.533 に答える
5

Select2をチェックしてください。選択ボックスのスタイルを設定し、Ajax を使用してオンザフライでデータを取得することもできます。

$(selector).select2();
于 2013-02-14T04:26:33.093 に答える
2

jqueryを使って簡単にセレクトボックスをスタイリングしてみる

  <select class="selectboxdiv">

      <option>choose preset...</option>
      <option>two</option>
      <option>something</option>
      <option>4</option>
      <option>5</option>

  </select>

  <div class="out"></div>

http://fiddle.jshell.net/9Wt89/

于 2013-04-22T11:08:50.207 に答える
0

一般的にフォーム要素のスタイルをブラウザ間で一貫させる簡単な方法はありません。ただし、 Uniformのようなプラグインを使用することもできます

于 2013-02-14T04:25:15.843 に答える
0

タグのスタイルを設定できません<select>。いくつかの HTML でそれらをラップしようとすると、必要に応じて HTML のスタイル/スクリプトを作成できます。

このようなことを（jQueryで）行うことができ、<select>マークアップでラップし、

<div class="selectBox">
    <ul>
        <li></li>
        <li></li>
    </ul>
    <select>
        <option></option>
        <option></option>
    </ul>
</div>

次に、変更をスクリプト内の<li>変更にマップします。<option>

于 2013-02-14T04:25:55.333 に答える
0

ノードのスタイルを設定することはできませんが、スタイル設定されたノードがドロップダウン メニューであること<select>を視覚的に表すことはできます。<ul>ページがロードされたら、元のドロップダウン メニューを非表示にし、<ul>タグでリストを作成して作成します。<li>ユーザーがノードをクリックすると、<select>タグの値も変更されます。

于 2013-02-14T04:21:37.727 に答える