2011-09-01 7 views
5

<select>私のページにはほとんどオプションがありません。オプションの1つにselectedと表示されています。ページが最初にロードされるとき、オプションは予期したとおりに事前に選択されます。ユーザーが別のオプションを選択し、f5キーを押して(またはリフレッシュをクリックして)ページを更新します。 Mozillaとほぼすべての現代のブラウザは、selectedとマークされたものではなく、ユーザーが選択したオプションを選択します。 F5キーを押す前に選択した1人のユーザーではなく、選択済みのページリフレッシュオプションが常に事前に選択されていることを確認するにはどうすればよいですか。<select>で選択したオプションを選択する方法(またはf5を押す)

<select name="Fruit"> 
    <option value="7336707">Apple</option> 
    <option value="9288359">Guava</option> 
    <option value="1797363" selected="selected">Mango</option> 
    <option value="9288359">Grapes</option> 
</select> 
+0

私は時々これによって苛立ちを覚えましたが、それを "解決する"ことについては決して考えなかったのです。 –

答えて

3

私も同じ問題に直面していました。そして、以下のように解決しました。

$(document).ready(function(){  
    $('select').each(function(){ 
     $(this).val($(this).find("option[selected=selected]").val()); 
    }); 
}); 
0

たぶん、あなたはdomReady内部でjQueryを使ってそれを選択することができます

$(document).ready(function(){ 
     $('select[name=fruit]').val($('select[name=fruit] option:selected').val()); 
}); 

は、しかし、このいずれかをテストすることはできません。 htmlの1つのオプションが選択されているとマークされている場合、このコードはselectをそのオプションの値に設定します。

関連する問題