单击select html元素

Click on a select html element

本文关键字：元素 html select 单击      更新时间：2023-09-26

我遇到了一个问题。我在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"）后，选择选项应返回默认值（"n.Eilig"）

我用$('#eiligselect').val(2);尝试过，但这只会将值改回，但选择选项显示"Eilig"（但内部值为"n.Eilig）。

这个选择带有一个数据角色"滑块"，它模仿ios中的开/关开关。所以我想我必须用javascript点击滑块来将其改回，而不仅仅是更改值。

你有线索吗？谢谢

试试这个：用value="2" 为选项设置selected属性

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

在选择值更改时为滑块绑定更改事件，

    $('#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;
相关文章：