Jqueryを使用してコンボボックスでオプションを動的に追加

Question

jQueryを使用してDropDownListに新しいオプションを追加すると、そのドロップダウンリストを使用するたびに値が複製されます。

例えば

：

var myOptions = { val1 : 'Suganthar', val2 : 'Suganthar2'}; 

    $.each(myOptions, function(val, text) { 
     $('#mySelect').append(new Option(text, val)); 
    }); 

Suganthar、及びSuganthar2はduplicatiing値です。

誰もが実際にそれが動作するはずですが、あなたは、配列を使って、別の方法を試すことができ、この問題に

Answer 1

を是正するために私にいくつかのアイデアを与えることができる：あなたのコードは私の作品

var myOptions = [{ text: 'Suganthar', value: 1}, {text : 'Suganthar2', value: 2}]; 

$.each(myOptions, function(i, el) 
{ 
    $('#mySelect').append(new Option(el.text,el.value)); 
}); 

Answer 2

、以下を参照してください。

http://jsfiddle.net/DvWct/

おそらく、あなたは$(document).ready一部が欠落しているとselect要素は、とき共同存在しませんデラン？

Answer 3

ご回答ありがとうございます。私の状況は違っていた。それは次のようになります

1. ステートメントを確認し、ステートメントを取り消すボタンが2つあります。両方の状況で、特定のコンボボックス（Sugantharとsuganthar 2がレコードです）を含む同じダイアログボックスを使用しています
2. まず、ステートメントボタンをクリックすると、コンボボックスとその2つのダイアログボックスが表示されますレコードを作成し、プログラムが終了するまでうまく動作します。私がレビューボタンを撤回クリックすると
3. 第二に、同じダイアログボックスは、コンボボックス（suganthar、suganthar2、suganthar、suganthar 2は値繰り返している）のログ検索後

をしてポップアップ表示されますこれは私が見つけたアイデアを持っています...

var myOptions = [{ text: 'Suganthar', value: 1}, {text : 'Suganthar2', value: 2}]; 

**$('#mySelect').empty();** 
$.each(myOptions, function(i, el) 
{ $('#mySelect').append(new Option(el.text,el.value));}); 

私はそれが動作するたびに空になるでしょう。

同じ問題が発生した場合に役立ちます。私は本当に質問に答えるあなたの迅速な応答に感謝します。もう一度。ありがとう