2011-09-13 18 views
1

可能性の重複:
Min Max slider to formHTMLフォームのスライダー

私は現在、通常のHTML形式として提出する検索モジュールを持っています。私は現在、製品の絶対最小値と最大値、例えば50と2500をフェッチします。今度は、2つのボタン(範囲を選択する)を持つスライダを作成し、フォームがサブミットされるときに、 2つの異なる変数として送信する必要があります。私はそのようなことやアイデアをどうやって行うのかよく知らないのですか?

ありがとうございました!

編集:誰もがjQuery UIについて言及しているので、私はこれを実際に試してみましたが、理想的ですが、実行することができませんでした..プラグインをダウンロードしてインストールし、 3行は私の中でそれを呼び出すが、私はHTMLのdivを呼び出すときには、テキストボックスだけをレンダリングする。何か不足していますか?

答えて

1

Checkout jquery UI。それがうまく仕事ができるスライダー要素を持っています http://jqueryui.com/demos/slider/

+0

私はこれを実際に試してみましたが、それは理想的ですが、私はそれを動かすことができませんでした。私はプラグインをダウンロードし、それをインストールし、私の私は自分のhtmlでdivを呼び出すだけで、テキストボックスをレンダリングします。何か不足していますか? – Sherif

+0

フォーム上には最小値の隠し入力要素と、最大値の隠し入力要素が必要です。デモページの例のようにスライダのdivにリンクしてください。それでも問題が解決しない場合は、コードを投稿してください。 – Dan

+0

ありがとう、私はこの情報のおかげで、値を送ることができるはずだと思います。ここでそれを呼び出す必要があります:http://bsnwebsites.com/jeffdemo/index.php/living-room/sofas – Sherif

0

HTML 5は、実際にrange input要素を持っていますが、今のあなたはおそらく好むでしょうjQuery UI sliderを入力し、送信する隠し入力フィールドに変更イベントを添付します。