Javascript 带控件的滑块绑定到选择

我已经把一个jQuery UI范围滑块和控件放在一起，尽管我试图将它也绑定到一个select，以便从下拉列表中选择一个值可以移动滑块，使用控件移动可以更改select下拉列表中的值

var gmin = 0;
var gmax = 500;
var s =  $("#slider").slider({
    value: 0,
    min: gmin,
    max: gmax,
    step: 100,
    slide: function(event, ui) {
        $("#select option").val(ui.value);
    }
});

$('#up').click(function() {       
    s.slider('value', s.slider('value') + s.slider("option", "step"));   
});

$('#down').click(function() {
    s.slider('value', s.slider('value') - s.slider("option", "step"));   
});

目前的问题：

上下按钮将选择值更改为仅一个值 从下拉选择中选择值也不会移动滑块。 这里有什么提示吗？不幸的是，我缺乏一点知识

FIDDLE:

select的问题是因为您需要设置select本身的val，而不是其中所有选项元素的文本

然后，您可以挂钩到选择的更改事件，以使用所选值更新滑块，如下所示：

$('#up').click(function() {
    s.slider('value', s.slider('value') + s.slider("option", "step"));
    $('#select').val(s.slider('value'));
});

$('#down').click(function() {
    s.slider('value', s.slider('value') - s.slider("option", "step"));
    $('#select').val(s.slider('value'));
});

$('#select').change(function() {
    s.slider('value', $(this).val());
});

---

在select元素的更改事件中添加此代码块

$select.changefunction{ s、 滑块“值”，即目标值；

---

};没问题，很乐意帮忙