JQuery Mobile 使用 JavaScript 更改多选上的每个选项的属性答案

【问题标题】：JQuery Mobile Change Attribute Each Option on Multiple Select Using JavaScriptJQuery Mobile 使用 JavaScript 更改多选上的每个选项的属性
【发布时间】：2011-12-16 15:39:33
【问题描述】：

我是这个 JQuery Mobile 的新手。我遇到的第一个问题是我无法在使用 Javascript 的 JQuery 移动设备中将多个选择选项上的“已选择”属性设置为“假”/未选择。

我发现的一个文档告诉我刷新一个选择，这样我就可以在它的页面底部通过 javascript 来操作它： http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-selects.html

我已经做到了。但我不知道是我做错了还是什么。这是我的代码：

<script type="text/javascript">
function SelectAll(){
    var select=document.getElementById('sfruit');
    if (select.options[1].selected == true){
        alert('All Selected');

        for (x in select.options){
            if(x > 1){
                if (select.options[x].selected == true){
                    alert(select.options[x].value+' selected');

                    RefreshSelect();
                    select.options[x].selected == false;
                }else{
                    alert(select.options[x].value+' unselected');
                }
            }
        }
    }
}

function RefreshSelect(){   
    var myselect = $("select#sfruit");
    myselect[0].selectedIndex = 5;
    myselect.selectmenu("refresh");
}
</script>

<select onChange="SelectAll()" data-native-menu="false" id="sfruit" name="sfruit" multiple>
    <option>Select Fruit</option>
    <option value="all" selected>All</option>
    <option value="apple">Apple</option>
    <option value="orange">Orange</option>
    <option value="grape">Grape</option>
    <option value="melon">Melon</option>
</select>

我真正想要的是当我选择“全部”选项时，已选择的其他选项变为未选择。如果大家还是不明白我的意思，我会附上图片，稍后，这里已经很晚了。

谢谢各位。请帮助我。 .. :)

【问题讨论】：

标签： php javascript jquery mobile jquery-mobile

【解决方案1】：

我想这就是你想要的

$(window).load(function(){
    $("select#sfruit").change(function () {
        $("select#sfruit option:selected").each(function (obj) {  
            if($(this).index()==1){
               alert('All Selected');
               $("select#sfruit option:selected").removeAttr("selected");
               $("select#sfruit option:eq(1)").attr("selected","");
            }
        });
    });
});

<select data-native-menu="false"  id="sfruit" name="sfruit" multiple>
    <option>Select Fruit</option>
    <option value="all" selected>All</option>
    <option value="apple">Apple</option>
    <option value="orange">Orange</option>
    <option value="grape">Grape</option>
    <option value="melon">Melon</option>
</select>

【讨论】：