Javascript 选择选项未更新HTML网页中的“selected”属性

Javascript 选择选项未更新HTML网页中的“selected”属性,javascript,jquery,html,html-select,Javascript,Jquery,Html,Html Select,请解释如何更改选项的“选定”属性? 例如: 为什么??我怎样才能避免这种情况?是否可以使用纯html更改所选内容 编辑 我就是想要这个attrbute-in-html标记,因为我需要在将来保存和恢复这部分html代码。使用val方法。在你的例子中,$lang_select.val'en';选择英语选项。顺便说一下,如果你想选择第一个选项,你不需要选择=selected。默认情况下,会自动选择第一个选项。它不会更改html本身,但会更改select的值 $'select'.change函数{ $

请解释如何更改选项的“选定”属性? 例如:

为什么??我怎样才能避免这种情况?是否可以使用纯html更改所选内容

编辑 我就是想要这个attrbute-in-html标记,因为我需要在将来保存和恢复这部分html代码。

使用val方法。在你的例子中,$lang_select.val'en';选择英语选项。顺便说一下,如果你想选择第一个选项,你不需要选择=selected。默认情况下,会自动选择第一个选项。

它不会更改html本身,但会更改select的值

$'select'.change函数{ $'result'.html$this.val; }.触发“改变”; 英语 العربية 阿兹尔巴伊坎尔 български 加泰罗尼亚 český 已更新,已替换.attrselected,适用于.propselected,适用于

注意,选定属性的值返回true或false,而不是selected

尝试使用选择器$option[value=+this.value+],this,将属性selected设置为true,.sides从选项notselected中删除所选属性

$document.onchange、select、function{ $option[value=+this.value+],this .attrselected,true .removeAttrselected }; 英语 العربية 阿兹尔巴伊坎尔 български 加泰罗尼亚 český
我写了我需要这个属性在html。这段代码不添加'selected'标签属性。但是可以修改此代码以给出正确的结果。如何在一行中正确添加“选定”属性$this.attr'selected','selected';-此代码。我已更新我的问题。我需要'selected'属性来保存和还原这部分html代码。您在哪里保存html?你没有在服务器上保存值,然后再设置它,这是怎么回事。为了保存用户当前的工作,我发送了一些当前页面的html代码。因此,当用户稍后下载其作品时,必须选择“已选选项”。我认为这是有线方式逻辑和安全性,但这是我的观点。无论如何,您可以在将属性发送到服务器之前更改它,我不需要在更改事件中进行更改。是的,这应该内置到HTML元素中。这应该意味着,当选择一个选项时,应该设置为selected。我只在移动设备上遇到这个问题,但在桌面版本上没有。很奇怪。。。
<select id="lang_select">
    <option value="en" selected="selected">english</option>
    <option value="ar">العربية</option>
    <option value="az">azərbaycanlı</option>
    <option value="bg">български</option>
    <option value="ca">català</option>
    <option value="cs">český</option>
    <!-- some data cut -->
</select>
$(document).on('change',"select",function(){
    var i = $(this)[0].selectedIndex;
    var ch = $(this).children().each(function(index){
        $(this).prop('selected',index == i);
        if (index == i) {
            $(this).attr('selected','selected');
        } else {
            $(this).removeAttr('selected');
        }
    });
});