Javascriptで作成されたドロップダウンが1行で展開されます

Question

私は仕事で動的に作成されたドロップダウンを作成しました。私のHTMLコードは単純です

<SELECT id="competitors"> 
    <OPTION value="0">All values</OPTION> 
</SELECT> 

私はフォーカスが適切なクエリを実行し、HTMLを追加するjs関数を作成しました。

success: function (data) { 
    $(id).append(data.arr); 
) 

それはIループ私はドロップダウンのための文字列

$str['arr'] = $text; 
echo json_encode($str); 

CSSだけwidthプロパティを持っており、このドロップダウンは、とりわけあるコード化配列

$text .= "<OPTION value=\"$id\">$name</OPTION>"; 

、その後、純粋なHTMLを追加それらはすべて同じルール（フォーカス機能を使用して動的に作成）に従います。

問題は、データを追加した後にドロップダウンをクリックしても展開されないということです。それは私がそれをクリックしたときので、それはそれはthat のように見えるデータを取得していると応答の代わりに、完全なドロップダウンの後、私は役に立つかもしれませんthat

情報を取得whlie「ナビゲーションバー」 を持つ単一ラインのDropboxされたまま： 1.複数のテーブルに参加し、何千もの行のグループをグループ化する必要があるため、要求が長くかかる（2-10秒）ことがあります。 2.応答をした後、ナビゲーションバーを使って1行のドロップダウンを取得したときに、それを再びクリックすると、それが展開されます。

アイデア？

Answer 1

だけでなく、あなたが

htmlの本使用してJavaScriptのような何かを行うことができます。

<select id="competitors"> 
    <option value="0"> All values </option> 
</select> 

のjavascript：

document.getElementById('competitors').options[competitors.options.length] 
= new Option('theName', 'the value'); 

ここではフィドルです：https://jsfiddle.net/f5a81Lv6/