How to change options (e.g., min, max) on the fly in the slider?

[kudoof]

 I wanted to change the min/max options of a slider when user enters a new value for the min/max, but in the documentation of easyui, its method 'option' only gets options and can not set. I also tried the following, but still did not work  :

Code:

$("#min")[0].addEventListener("input", function(){
var v = $("#min").val();
if (v <= 5 ) {  
    $("#myslider").slider('destroy').end().slider({  
        width: 300,
        mode: 'h',
        showTip: true,
        value: 5,
        min: v,  
        max: 10
    });
}
else {
     alert("out of bound(1-5): " + v);
}
}, false);

[stworthy]

Please refer to this example http://jsfiddle.net/68Z7D/ that shows how to change 'min' property value on slider.

[kudoof]

Exactly what I needed. Thanks!!!!

[kudoof]

I found a subtle problem in the way I use it.  Changing the max is okay, but changing the min will cause the slider to malfunction.  I had to use min: Number(v) to make it work.

here:
http://jsfiddle.net/cFBVe/

[stworthy]

Please download the updated slider plugin from http://www.jeasyui.com/easyui/plugins/jquery.slider.js to solve this issue.