Question

我遇到了问题。我在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.Eilig”。在我发出ajax post请求后（选择“Eilig”），select选项应该恢复为默认值（“n.Eilig”）

我已尝试使用$('#eiligselect').val(2);，但这只会更改值，但select选项会显示“Eilig”（但内部值为“n.Eilig”。

此选择带有数据角色“滑块”，模拟ios中的开/关开关。因此，我认为我必须使用javascript单击该滑块才能将其更改回来，而不是仅仅更改值。

你有线索吗？感谢。

Answer 1

试试这个：为selected

添加value="2"属性作为选项

$('#eiligselect option[value="2"]').attr('selected',true);

Answer 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' )
});

Answer 3

本准则可以帮助您解决问题，

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

单击选择html元素

3 个答案: