Javascript 单击selecthtml元素

我有个问题。我在HTML中有一个选择选项

<div id="eilig">
            <select id="eiligselect" data-role="slider">
                <option value="2" selected="selected">n. Eilig</option>
                <option value="1">Eilig</option>
            </select>
</div>

N艾利格
艾利格

在页面上，默认选择“n.Eilig”。在我发出一个ajax post请求（选择了“Eilig”）之后，select选项应该返回默认值（“n.Eilig”）

我用

$（'#eiligselect'）.val（2）尝试过它但这只会更改回值，但选择选项显示“Eilig”（但内部值为“n.Eilig”）

此选择具有一个数据角色“slider”，它模拟ios中的开/关开关。
因此，我想我必须用javascript单击滑块来更改它，而不仅仅是更改值

你有什么线索吗？谢谢。
试试这个：用
value=“2”

为“选择值更改时的滑块”绑定更改时的事件

    $('#eiligselect').on('change', function() {
        var activeLabel  = $('span.ui-slider-label');
        var mySlider     = $(this);
        var new2      = 'n. Eilig';
        var new1      = 'Eilig';
    if(mySlider.val() == 1) {
        activeLabel.text(new2);
    } else {
        activeLabel.text(new1);        
    }

    mySlider.slider( 'refresh' ); // .trigger( 'create' )
});

此代码可能会帮助您解决问题

var eiligselect = $("#eiligselect")[0];
eiligselect.seletedIndex = 0;

你可以用jsfiddle提供更多信息吗jsfiddle没有显示开关。使用普通选项字段
$（'#eiligselect'）。val（2）；
工作正常。没有更改。选择了值为2的选项，但滑块显示选项1。请参阅，这里默认选择的是2，但我选择的是1。检查是否有任何控制台错误。
var eiligselect = $("#eiligselect")[0];
eiligselect.seletedIndex = 0;