2011-12-16 11 views
0

私はこのJQuery Mobileの新機能です。私が最初に遭遇した問題は、Javascriptを使用してJQueryモバイルで複数選択オプションに「selected」attrを「false」または選択解除しても設定できないということです。私はそれをやった http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-selects.htmlJQuery Mobile属性の変更複数選択の各オプションJavaScriptを使用

は、私が見つけた文書は、私はそれのページの一番下に、ここではJavaScriptを経由して、それを操作することができますので、選択をリフレッシュするために私に言いました。しかし、私はそれが間違っていたかどうか、私は知らない。ここに私のコードです:

私が実際に望むのは、私が "すべて"オプションを選択したときに選択された他のオプションが選択されなくなることです。 もし皆さんがまだ何を意味しているのか分からない場合、私は画像を添付します、後で、それはすでにここで遅れています。

ありがとうございます。そして私を助けてください。 .. :)

答えて

0

私はこれは何をしたいと思う

$(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> 
関連する問題