削除選択した属性とは、私は以下の持っているselect要素

Question

に新しいものを追加します選択された属性とそれは動作しますが、ユーザーが再びインデックスを変更した後、さらに別の選択された属性を設定します私はそれを望んでいません。

<select class="dropDownList" id="PersonFunction"> 
    <option value="">Choose</option> 
    <option value="1" selected="selected">Vice President</option> 
    <option value="2" selected="selected">Director</option> 
    <option value="3">Secretary</option> 
    <option value="4">Clerk</option> 
</select> 

選択した属性が存在する場合は、最初に削除できますか？ここ

JsFiddle：http://jsfiddle.net/mgrcic/HCrS2/

Answer 1

$('#PersonFunction').on('change', function() { 
    $('option:selected', this).attr('selected',true).siblings().removeAttr('selected'); 
}); 

DEMO

Answer 2

ブラウザが自動的に選択された要素を知っているだろうと、プログラムselected属性を更新する必要はありません。 selected属性は、ページの読み込み時にデフォルトオプションを設定するためのものです。

現在選択されたオプションを取得するには、単に次のようにします。

var selectedValue = $("#PersonFunction option:selected").val(); 

Example Fiddle

---

更新

あなたはselected属性を設定したいん何らかの理由場合（フォームとして私はあなたが動的に別のフォームを作成していることを理解することができます）、これを試してください：

$("#PersonFunction").change(function() { 
    $("option", $(this)).removeAttr("selected"); 
    $("option:selected", $(this)).attr("selected", true); 
});​ 

Answer 3

これは選択したテキストを警告します。あなたはそれがオプション値をピックアップする代わりに

$("#PersonFunction").change(function() { 
    var selected = $("option:selected").text(); 
    alert(selected); 
});