2011-12-25 18 views
9

jquery के साथ स्लाइडर कैसे बनाएं, यहां की तरह?jquery फॉर्म स्लाइडर (इनपुट-स्लाइडर)

sample

उपयोगकर्ता स्लाइडर से एक मूल्य का चयन करना चाहिए, और यह मान अपने इनपुट

मैं उचित प्लग में नहीं मिल सकता है में होना चाहिए ...

उत्तर

13

http://jqueryui.com/demos/slider/

$("#slider").slider({ 
     value:100, 
     min: 0, 
     max: 500, 
     step: 50, 
     slide: function(event, ui) { 
          //Its setting the slider value to the element with id "amount" 
      $("#amount").val("$" + ui.value); 
     } 
    }); 

आप जिस उदाहरण का उल्लेख करते हैं, उसे देखने के लिए शैली को अनुकूलित कर सकते हैं।

+0

हानि .. धन्यवाद :) –

+0

@IlyaMedvedev क्या यह कोड आपके अनुरोध के विपरीत नहीं करता है। जब आप एक अलग इनपुट सेट करने के लिए स्लाइडर का उपयोग करना चाहते हैं तो यह स्लाइडर वैल्यू सेट कर रहा है? – jaynp

+1

@ user1850672: लाइन '$ (" #amount ") .val ...' चयनित मान को स्लाइडर से इनपुट बॉक्स में सेट करेगा, जो ओपी की तलाश में था – Shyju

संबंधित मुद्दे